Question

我有一些手风琴使用<span>进行内容切换并且可以正常工作。

但我违反了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();
        });

    });

Answer 1

可以通过div

完成相同的更改范围

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

和

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

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

Answer 2

我没有看到div嵌套在a内。

<div class="accordion-tab">Tab #1<a class="btn blue">Edit</a></div>

a嵌套在div内。 A-OK。

Answer 3

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

“手风琴”中的跨度和Div标签

3 个答案: