我正在尝试为我正在从事的辅助项目实现展开折叠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>
您可以用隐藏的方式显示它。只需更改触发器并更改隐藏即可显示。https://codepen.io/richiegarcia/pen/RwWgorE
$(document).ready(function () {
$('.dropdown-toggle').on('click', function () {
var tab_id = $(this).attr('data-tab');
$("#"+tab_id).toggleClass('current');
})
$('.dropdown-toggle').click(function(){
$('.collapse-list-unstyled').show("slow");
});
$('.collapse-list-unstyled li').click(function(){
$('.collapse-list-unstyled').hide("slow");
})
});