-2 
<div class="show_hide panel-header" rel="#panel">
    <h4>Disclaimer</h4>
</div>
<div id="panel" class="panel">
    <p>Lorem ipsum</p>
</div>

以上是我的HTML ......一个简单div的标题（事件处理程序）和隐藏 div的显示/隐藏。非常适合简单的显示/隐藏，但我可能一次在屏幕上有几个面板，我不想明确标识每个面板并赋予它自己的功能。如何使用this选择器实现动态交互？

我的jQuery目前：

<script type="text/javascript">
    $(document).ready(function(){
        $(".panel").hide();
        $(".show_hide").show(); //Probably don't need this line...
        $('.show_hide').click(function(){
            $(this).children("div").slideToggle();
        });           
    });
</script>

任何帮助表示赞赏。我是 JS/JQuery 的新手，在理解不同的选择器时遇到了一些麻烦。谢谢！

4

2 回答 2

0

你div不是一个孩子，它是nextdiv 行：

$(this).next("div.panel").slideToggle();
于 2013-10-02T16:11:15.860 回答
0

你可以试试这个

<script type="text/javascript">
    $(document).ready(function(){
        $(".panel").hide();
        $('.show_hide').click(function(){
            $(this).next(".panel").slideToggle();
        });           
    });
</script>
于 2013-10-02T16:31:42.590 回答