gpt4 book ai didi

jquery - Accordion 中的 Span 和 Div 标签

转载 作者:太空宇宙 更新时间:2023-11-03 21:46:20 25 4
gpt4 key购买 nike

我有一些使用 <span> 的 Accordion 用于内容切换,它们有效。

Example

但我违反了 HTML 5 DOM 规则,该规则声明 <div>不能嵌套在 <span>

有什么建议吗?谢谢

     <! -- TAB #1 -->
<div class="accordion-tab">Tab #1<a class="btn blue">Edit</a></div>
<span>
<div class="content">
<div class="wrap">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque blandit aliquam malesuada.
</p>
</div>
</div>
</span>
</div>
<! -- TAB #2 -->
<div class="accordion-tab">Tab #2<a class="btn blue">Edit</a></div>
<span>
<div class="content">
<div class="wrap">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque blandit aliquam malesuada.
</p>
</div>
</div>
</span>
</div>

JS

$(document).ready(function() {

$(".accordion-tab").click(function(e) {
e.preventDefault();
$(this).next('span').find('.content').not(':animated').slideToggle();
});

});

最佳答案

可以通过 div 改变 span 做完全相同的事情

<div>
<div class="content">
<div class="wrap">

$(this).next('div').find('.content').not(':animated').slideToggle();

http://jsfiddle.net/dVbkL/4/

关于jquery - Accordion 中的 Span 和 Div 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20408835/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com