如何使用JQuery获得两个幻灯片切换

基本上，我想获得一段代码，以便在单击多段代码时切换它们，现在我是JQuery新手，似乎无法使其正常工作。任何帮助都会很好

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

$（文档）.ready（函数（）{
$（“#翻转”）。单击（函数（）{
$（“面板”）。滑动切换（“1000”）；
});
});

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

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

狗说怎么办？
隐藏文本
狗说怎么办？
更多隐藏文本

---

第一个“面板”将工作，但第二个“面板”处于休眠状态。

id

应该是唯一的，您需要改用类：

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

---

html不是代码，html id属性是唯一的。将id=“panel”更改为class=“panel”，并改用jquery类选择器$（“.panel”）。“翻转”元素也一样。非常感谢，它很有效^^

$(".flip").click(function(){
    $(this).find(".panel").slideToggle("1000");
});