小编ste*_*rog的帖子

我有一个由单个图像组成的菜单(例如,精灵).为了显示悬停图像,我只需将背景图像向下移动.我希望这个效果由jQuery和动画控制.

这是一个示例菜单项.

 <ul>
  <li id="home"><a href="#"></a></li>
 </ul>

这就是我正在玩弄的东西.我是jQuery的新手,并且在获取正确的选择器时遇到了问题.

 $(document).ready(function(){

  $('#home a');

   // Set the 'normal' state background position
   .css( {backgroundPosition: "0 0"} )

   // On mouse over, move the background
   .mouseover(function(){
    $(this).stop().animate({backgroundPosition:"(0 -54px)"}, {duration:500})
   })

   // On mouse out, move the background back
   .mouseout(function(){
    $(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
   })

 });

你能指出我做错了什么吗？我知道选择器可能不正确,但我很难弄清楚如何操纵锚.

我正在为我的网站编写侧边栏,我正在尝试检查是否:

1. 该页面是一篇帖子,来自: is_post()
2. 作者可以通过以下方式编辑帖子: current_user_can('edit_post')

我试图结合这两个条件,但我对PHP很可怕,我只是无法弄清楚这样做的语法.我认为它会像下面那样.能不能让我知道我做错了什么？我假设它很简单,但我缺乏经验导致问题,我找不到合适的示例/文档来帮助我.

<?php if is_single and if (current_user_can('edit_post')) { ?> <li><a href="#">Edit post</a></li> <?php ;} ?>

我有一个触发器,需要抓住下一个UL元素并对其应用效果.

 <div id="archives_trigger"><a class="menu_trigger">Monhtly Archives</a></div>
  <ul id="archives_menu">
   <?php wp_get_archives(); ?>
  </ul>
 </div>

在这种情况下,锚menu_trigger用作选择器.我正在使用以下内容,但有些不对劲.我假设我没有next正确使用选择器.

 $('a.menu_trigger').click(
  function () {
    $(this).next(ul).stop(true,true).slideToggle().toggleClass('active');
   }
  );

你能指出我如何正确使用next选择器吗？

[编辑]感谢您编辑错误的标记.非常感激.