0

基本上我想得到一段代码来切换多段代码,只要它们被点击,现在我是 JQuery 的新手,我似乎无法让它工作。任何一点帮助都会很棒

<script> 
$(document).ready(function () {
    $("#flip").click(function () {
        $("#panel").slideToggle("1000");
    });
});
</script>

上面是脚本,下面是我想让它生效的代码。

        <div class = "description">

        <div id="flip">

                dog says how do ?
                <div id="panel">hidden text</div>   
        </div>

                <div id="flip">

                dog says how do ?
                <div id="panel">more hidden text</div>

        </div>

第一个“面板”将起作用,但第二个处于休眠状态。

4

1 回答 1

1

id应该是唯一的,你需要使用类来代替:

<div class="flip">
    dog says how do ?
    <div class="panel">hidden text</div>   
</div>

然后你可以这样做:

$(".flip").click(function(){
    $(this).find(".panel").slideToggle("1000");
});
于 2013-05-03T10:52:49.957 回答