Показать сообщение отдельно
  #1 (permalink)  
Старый 03.04.2015, 23:10
Аспирант
Отправить личное сообщение для Moloch Посмотреть профиль Найти все сообщения от Moloch
 
Регистрация: 29.10.2013
Сообщений: 94

не работает toggle
Здравствуйте? подскажите пожалуйста почему при клике на ссылку первый раз после загрузки страницы не вызывается функция обработчик события после завершения саой toggle? проще говоря почему с первого раза не меняется тип иконки?

ul class="list-group submenu">
                  <li class="list-group-item ">Lorem ipsum
                      <a href="#" class="toggle-sub-menu" > <i class="glyphicon glyphicon-plus-sign "></i></a>
                        <ul class="my-submenu" id="sub1" >
                          <li><a href="">proof1</a></li>
                          <li><a href="">proof1</a></li>
                          <li><a href="">proof1</a></li>
                          <li><a href="">proof1</a></li>
                        </ul>
                                           
                  </li>
                  <li class="list-group-item"><a href="/donec/">Donec tincidunt laoreet</a></li>
                  <li class="list-group-item"><a href="/vestibulum/">Vestibulum elit</a></li>
                  <li class="list-group-item"><a href="/etiam/">Etiam pharetra</a></li>
                  <li class="list-group-item"><a href="/phasellus/">Phasellus placerat</a></li>
                  <li class="list-group-item"><a href="/cras/">Cras et nisi vitae odio</a></li>
                  <li class="list-group-item ">Lorem ipsum
                      <a href="#" class="toggle-sub-menu" > <i class="glyphicon glyphicon-plus-sign pull-right"></i></a>
                        <ul class="my-submenu" id="sub2">
                          <li><a href="">proof1</a></li>
                          <li><a href="">proof1</a></li>
                          <li><a href="">proof1</a></li>
                          <li><a href="">proof1</a></li>
                        </ul>
                                           
                  </li>
              </ul>


<script>
$(document).ready(function(){
    $(".toggle-sub-menu").click(function(){
          var cont = '#'+$(this).next().attr("id");
         
        $(cont).slideToggle("slow",function() {
          
          var className = $(cont).prev().children('i').attr("class");
          if (className=='glyphicon glyphicon-plus-sign') {
              className ='glyphicon glyphicon-minus-sign'
          }
          else {
              className='glyphicon glyphicon-plus-sign'
          }
          $(cont).prev().children('i').attr("class",className);
        });
    });
});
</script>
Ответить с цитированием