Jquery 手风琴中的Span和Div标记

我有一些手风琴使用

进行内容切换，它们工作正常

但我违反了HTML5DOM规则，该规则规定

不能嵌套在

中

有什么建议吗？谢谢

     <! -- 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> 

---

我没有看到任何嵌套在

a

中的

div

Tab#1Edit

---

您有一个嵌套在

div

中的

a

。A-好。

我没有看到任何嵌套在

A

中的

div

Tab#1Edit

---

您有一个嵌套在

div

中的

a

。A-好的。

在这种情况下，您需要跨度吗？尝试完全删除span标记，或将它们更改为带float的div。

在这种情况下，您甚至需要span标记吗？尝试完全删除span标记，或者使用float将它们更改为div。

可以做完全相同的事情，逐个div更改span

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

---

可以做完全相同的事情，按div改变span

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

---

您不能（或至少不应该）在内联元素中嵌套块元素，但您可以使用div作为包装器，并将其浮动或设置为内联块问题是什么？你是在寻求另一种方法吗？或者关于违反HTML5规则？您不能（或者至少不应该）在内联元素中嵌套块元素，但您可以使用div作为包装器，并将其浮动或设置为内联块问题是什么？你是在寻求另一种方法吗？或者违反HTML5规则？

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