Php jquery切换问题

我使用jquery切换来显示包含内容的div。不知道如何解释我遇到的问题，但是如果你转到我的测试页面，点击类似电影的第一个链接（它与电影《夏日500天》相吻合），你会看到一个类似电影的面板打开。如果你转到下一个类似的电影链接（正好是我讨厌你的10件事），你会看到它仍然控制着第一组电影，这意味着它可以上下切换面板。事实上，所有类似的电影链接都控制第一个面板。我不知道如何解决这个问题*已删除链接-不再需要-谢谢

<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $("#panel").slideToggle("slow");
  });
});
</script> 

<div class="flip">Similar Movies
</div><!-- end of flip-->

    <div id="panel">
similar movies are echoed here from a database using php...
</div>

$（文档）.ready（函数（）{
$（“.flip”）。单击（函数（）{
$（“面板”）。滑动切换（“慢速”）；
});
});
类似电影
类似的电影在这里使用php从一个数据库中回荡。。。

不要为面板使用ID，而是使用类，如下所示：

<div class="panel">
  similar movies are echoed here from a database using php...
</div>

$(document).ready(function(){
    $('.flip').click(function(){
        $(this).next('.panel').slideToggle('slow');
    });
});

---

不建议在多个元素上使用相同的ID，并且在使用jQuery时会使用相同的ID。

这是因为有许多div具有相同的“ID”。您可以使用以下代码修复它：

$(document).ready(function(){
$(".flip").click(function(){
    $(this).next().slideToggle("slow");
  });
});

---

这是因为您的click函数仅切换第一个id为panel的id的div。如果您有其他id为panel的div，它们将被忽略，因为id必须是唯一的，jQuery将只找到具有指定值的第一个id并使用它。您应该从

id=“panel”

更改为

class=“panel”

，并修改jQuery函数以查找具有class

panel

的下一个同级元素并切换它

代码可能如下所示：

<div class="panel">
  similar movies are echoed here from a database using php...
</div>

$(document).ready(function(){
    $('.flip').click(function(){
        $(this).next('.panel').slideToggle('slow');
    });
});

试着做一些类似的事情

<div class="container">
<div class="flip">Similar Movies
</div><!-- end of flip-->

    <div class="panel">
similar movies are echoed here from a database using php...
</div>
</div>

var panel;
$(".flip").click(function(){
    panel = $(this).parent('.container').children('.panel');
    panel.slideToggle("slow");
 })

类似电影
类似的电影在这里使用php从一个数据库中回荡。。。
var面板；
$（“.flip”）。单击（函数（）{
panel=$（this）.parent（'.container'）.children（'.panel'）；
面板。滑动切换（“慢速”）；
})

您是否有不止一个

具有

id

的“面板”？id必须是唯一的。试着改用类。哇，太快了！那奏效了，谢谢你。我将panel作为ID，因为我使用的另一个脚本（CursorDivScroll）只识别ID，而不是类。