Использование .SlideToggle () в jQuery для категорий Wordpress

Question

Я пытаюсь получить разделы боковой панели «Категории и архивы» на сайте Wordpress (http://stoganews.com/) для отображения только при наведении курсора, используя jQuery's .slideToggle().

Вот соответствующий HTML-код из списка категорий. Список архивов имеет точно такую ​​же структуру.

<div class="catlist">
 <ul class="cats-list">
  <li>
   <h2><a href="#">CATEGORIES</a></h2>
   <ul class="list-alt">
    <li class="cat-item cat-item-71">
     <a href="http://stoganews.com/?cat=71" title="View all posts filed under Arts &amp; Culture">Arts &amp; Culture</a> (28)
    </li>
    <li class="cat-item cat-item-130">
     ...

Это Javascript, который я использую, в expand.js .

jQuery('.catlist').each(function(){
   // hides Categories section, Archives section
   jQuery('.list-alt',this).hide();

   // show section when hovered over
   jQuery(this).hover(function(){
      jQuery(this).find('.list-alt').toggle();
   });
});

Как видно на сайте, код в настоящее время работает с toggle(). Но когда я заменяю slideToggle() на toggle(), разделы никогда не скрываются, и ничего не происходит, когда они нависают. Почему?

Проблемы, которые я постарался избежать:

• jQuery действительно включен. Он отображается в исходном коде как <script type='text/javascript' src='http://stoganews.com/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>.
• Насколько я знаю, я не использую фиксированные панели, которые нельзя анимировать.
• Я использовал jQuery() вместо $() - это ограничение Wordpress.

P.S. Мой первый вопрос по stackoverflow!

Answer 1

Я создал jsfiddle для этого , похоже, он работает. У них нет jquery 1.6.1, демо-версия использует 1.6.4. Мне нужно было изменить jQuery('.catlist') на jQuery('.cats-list') в 1-й строке javascript, возможно, именно это мешает ему работать.