Показать сообщение отдельно
  #1 (permalink)  
Старый 10.12.2015, 11:20
Интересующийся
Отправить личное сообщение для melst Посмотреть профиль Найти все сообщения от melst
 
Регистрация: 26.11.2015
Сообщений: 28

Меню аккордеон jquery. Не работают ссылки.
Здравствуйте.
Перелопатил инет и ничего не нашел.
Проблема в следующем. Есть меню аккордеон. Прописываю ссылки и они не работают , если к пункту добавлен второй уровень меню. В коде ниже работает только последняя ссылка.

код 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>


Скрипт

$(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;
        });
});


Если скрипт отключить и меню все становится открытым, то ссылки работают.
Надеюсь на помощь.
Ответить с цитированием