我试图通过点击一个元素(h3标签)来实现显示和隐藏ul列表的滑动切换效果。我一开始并不知道bootstrap有这个功能,我也试过用jQuery,但我的代码似乎表现得非常奇怪。它检测到事件并隐藏所需的ul列表,但在此之后,它无需再次单击h3标签即可再次显示该列表。然后,我尝试使用数据目标和数据切换属性,与显示的属性相同,但结果相同。为什么会发生这种情况?(我尝试放置一个标记而不是h3标记,但同样也有相同的结果)(ul是动态填充的)
<h3 id="sizesLabel" data-toggle="collapse" data-target="#sizes">Sizes<span class="bi bi-chevron-down ml-1"></span></h3>
<ul id="sizes" class="d-flex flex-column">
</ul>
发布于 2021-05-03 21:20:07
我找到了解决方案,如果有人在这个页面上遇到同样的问题,这就是解决方案。如果slideToggle()使用display flex触发元素,那么它将无法正常工作。我刚刚删除了d-flex和flex-column,它现在可以完美地工作了!
https://stackoverflow.com/questions/67375165
复制相似问题