Форумы портала PHP.SU :: Версия для печати :: проблема с меню аккордеон на jQuery

1. мэлс - 10 Декабря, 2015 - 09:06:05 - перейти к сообщению

Здравствуйте.
Это мое первое сообщение. Занялся программированием, так сказать.

Есть меню аккордеон на jquery. Все работает в плане , что все раздвигается. Беда в том, что если не прописан второй уровень UL LI то ссылки работают, а если второй уровень добавляется, то перестают работать. В чем может быть дело? Скорее всего мелочь какая-нибудь, но я уже никак не найду ее.
Вот код:

HTML

CODE (html):
скопировать код в буфер обмена

 
<ul class="accordion">
     <li><a href="#">бла</a>
         <ul>
             <li><a href="/ccnn/index.php?page_id=6">блабла</a></li>    
        </ul>
         </li>
          <li><a href="/ccnn/index.php?page_id=6">бла</a>
          <ul>
             <li><a href="/ccnn/index.php?page_id=6">блабла</a></li>
         </ul>
         </li>
     <li><a href="/ccnn/index.php?page_id=6">бла</a></li>
</ul>
 

в таком варианте работает только последняя ссылка первого уровня

вот код скрипта

CODE (javascript):
скопировать код в буфер обмена

 
$(document).ready(function() {
    $('ul.accordion li ul').css({display:"none"});    
    $('ul.accordion li:has("ul")').click(function() {
            if ($("ul",this).css("display") == "none") {
                    $("ul.accordion li ul").slideUp(400);
                    $("ul",this).slideDown(400);
                }
                return false;
        });
});
 

Подскажите, пожалуйста. Наведите на истину))