                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

数据多了咋就这样了？

如题！建议复制我的代码去实际调试看一下！

拜谢！

黑色丶毛衣

2015-05-25

源自：jQuery基础课程 10-4

关注问题我要回答

630

操作

收起

2 回答

不断滴自我催眠
2015-05-26

通过测试发现：该例子的accordion 的收起展开功能只能作用于h3下的第一个元素所以你后来增加的p元素木有效果。

你可以修改下：

    <h3><a href="#">白富美</a></h3>
    <ul>
        <li>咱们结婚吧!</li>
        <li>咱们结婚吧!</li>
        <li>咱们结婚吧!</li>
        <li>咱们结婚吧!</li>
    </ul>
    <h3><a href="#">土豪族</a></h3>
    <ul>
         <li>咱们交个朋友吧!</li>
         <li>咱们交个朋友吧!</li>
          <li>咱们交个朋友吧!</li>
          <li>咱们交个朋友吧!</li>
    </ul>

1 回复有任何疑惑可以回复我~

#1

黑色丶毛衣提问者

这个accordion一定要在<ul>标签下和<li>标签使用吗？我在<p>标签再加入<p>标签，不能达到效果！

2015-05-27 回复有任何疑惑可以回复我~

#2

不断滴自我催眠回复黑色丶毛衣提问者

不一定啊，P表现的是一个段落。不能包含块级（block）元素（包括P自身）。所以你的用法是错误的。按你的想法可以改成用div包含p标签

2015-05-27 回复有任何疑惑可以回复我~

#3

黑色丶毛衣提问者回复不断滴自我催眠

感谢！看来我还得去补补html！

2015-05-27 回复有任何疑惑可以回复我~

妹妹大胆往前走
2016-06-29

你把h3标签随后的p元素都用div包裹起来就可以了。

这是插件的说明：

Click headers to expand/collapse content that is broken into logical sections, much like tabs. Optionally, toggle sections open/closed on mouseover.

The underlying HTML markup is a series of headers (H3 tags) and content divs so the content is usable without JavaScript.

来源：http://jqueryui.com/accordion/

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

数据多了咋就这样了？

我要回答关注问题

意见反馈帮助中心 APP下载