Развернуть-Свернуть Предложения меню - PullRequest
Новая
       0

Развернуть-Свернуть Предложения меню

0 голосов
/ 28 апреля 2020

Я пытаюсь реализовать раскрывающийся список ul и li для стороннего проекта, над которым я работаю, и я не могу заставить его работать. У меня это так, что при щелчке li (перенаправление страницы) он сворачивает ul, но я больше не могу переключаться. 

<!DOCTYPE html>
<head>
<script>
$(document).ready(function () {
    $('.dropdown-toggle').on('click', function () {
        var tab_id = $(this).attr('data-tab');
        $("#"+tab_id).toggleClass('current');
    })
    $('.collapse-list-unstyled li').click(function(){
        $('.collapse-list-unstyled').hide("slow");
    })


}); 
</script>
</head>
<body>
<ul class="list-unstyled components" id="tabs">
    <li>
        <a href="#" data-tab="drop-01Submenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle">Drop-1</a>
           <ul class="collapse-list-unstyled" id="drop-01Submenu">
               <li><a href="#" class="tab-link-a" data-tab="tab-4">LI-1</a></li>
               <li><a href="#" class="tab-link-a" data-tab="tab-5">LI-2</a> </li>
           </ul>
   </li>

</ul>
</body>
</html>

1 Ответ

0 голосов
/ 28 апреля 2020

Вы можете показать это так же, как вы его спрятали. Просто измените триггер и измените скрыть, чтобы показать. https://codepen.io/richiegarcia/pen/RwWgorE

$(document).ready(function() {
    $('.dropdown-toggle').click(function() {
        $('.collapse-list-unstyled').show("slow");
        var tab_id = $(this).attr('data-tab');
        $("#" + tab_id).toggleClass('current');
    })
    $('.collapse-list-unstyled li').click(function() {
        $('.collapse-list-unstyled').hide("slow");
    })


});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...