为什么我的下拉手风琴不起作用？

作者: SHOU宅大可爱
发布时间: 2024-04-11 07:09:45 (7天前)
转自：

3 条回复

0#
回复此人
雪浴冰灵 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这里有一些问题，但我会从JS开始。这里重要的是你的点击功能 <code> this </code> 将引用被单击的元素。因此，当我阅读它时，您正在切换按钮本身上的活动类。 </p> <P> 另外，我相信你打算使用 <code> document.ready() </code> 作为运行手风琴代码的上下文。 </p> <pre> <code> $(document).ready(function() { $(".accordion").on("click", ".accordion-header", function() { $(".accordion-content").toggleClass("active"); }); }); </code> </pre> <P> 我没有在这个片段中滑动，但希望这会让你的点击连接到显示/隐藏手风琴内容的CSS更改。 </p> </DIV>

编辑
1#
回复此人
烏鴉喝酒 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你可以通过使用html元素而不使用javascript来获得类似手风琴的东西 <code> details </code> 。 </p> <pre> <code> <details> <summary>Title</summary> Some text </details> </code> </pre> <P> 然后，当您单击标题时，它会自动展开。不需要js </p> <P> <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details" rel="nofollow noreferrer"> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details </A> </p> </DIV>

编辑

登录后才能参与评论