Показать сообщение отдельно
  #1 (permalink)  
Старый 23.01.2016, 21:40
Аспирант
Отправить личное сообщение для katamason Посмотреть профиль Найти все сообщения от katamason
 
Регистрация: 18.06.2011
Сообщений: 75

toggle class в меню
Добрый вечер, прошу помощи c обычным переключателем по классам в такой html структуре, но не получается сменять класс (закрыть выпадение) при клике на уже развернутый пункт меню
<div class="topmenu">
<ul >
<li class="">
<a href="#" class="">Itemmenu empty</a>
</li>

<li  class="item-with-ul">
<a href="#" class="touch-with">Itemmenu</a>
<ul >
<li><a href="#">Subitem1</a></li>
<li><a href="#">Subitem1</a></li>
<li><a href="#">Subitem2</a></li>
</ul>
</li>

<li class="item-with-ul">
<a href="#" class="touch-with">Itemmenu</a>
<ul class="item-with-ul">
<li><a href="#">Subitem1</a></li>
<li><a href="#">Subitem1</a></li>
<li><a href="#">Subitem2</a></li>
</ul>
</li>

<li class="">
<a href="#" class="">Itemmenu</a>
</li>

</ul>
</div>

$('.touch-with').unbind('click').bind('click',function(e) {
              e.preventDefault();

             $('.item-with-ul').find('ul').removeClass('show_with');
              if($(this).next().hasClass('show_with')) {
                  $(this).next().removeClass('show_with');
              }
              if($(this).next().not('[show_with]')) {
                  $(this).next().toggleClass('show_with');
              } 
             
              
          })

Последний раз редактировалось katamason, 23.01.2016 в 21:59.
Ответить с цитированием