我正在尝试创建一个包含 div 中信息的目录，其中一些信息将被隐藏，而另一些将被显示。当您单击每个目录的单击我按钮时，它会显示隐藏信息，如下面的代码示例所示，
注意:信息和div将由来自数据库的php生成!
HTML
<html>
<head>
<link href="style.css" type="text/css" rel="stylesheet" />
<script type = "text/javascript" src ="jquery.js"></script>
<script type = "text/javascript">
$(document).ready(function() {
$(".toogle").click(function() {
$(".hiddenInfo").slideToggle("slow");
});
});
</script>
</head>
<body>
<div class="roundtest">
<p>
Hello World
<div class="hiddenInfo">
<p> Omg this is soooo hidden its amazing!</p>
<p> Omg this was also hidden, im so proud!</p>
</div>
<div class="toogle"> Click Me </div>
</p>
</div>
<br />
<div class="roundtest">
<p>
Hello World
<div class="hiddenInfo">
<p> Omg this is soooo hidden its amazing!</p>
<p> Omg this was also hidden, im so proud!</p>
</div>
<div class="toogle"> Click Me </div>
</p>
</div>
</body>
</html>
CSS
body {
background-color:white;
}
.roundtest {
font: 11px "Verdana", Arial, Helvetica, sans-serif;
width: 400px;
height: auto;
border: 1px solid green;
background-color: white;
color: #333;
-moz-border-radius: 5px;
-webkid-border-radius: 5px;
-moz-box-shadow:2px 2px 0 #c2c2c2;
-webkit-box-shadow:2px 2px 0 #c2c2c2;
box-shadow:2px 2px 0 #c2c2c2;
}
.hiddenInfo {
display: none;
}
现在的问题是，我将使用 php 来输出信息和 div，如上所示，我的问题是，如果每个 div 具有相同的名称，并且我单击一个目录中的显示信息，它会显示所有的 div信息。
我可以用不同的名称 e.t.c 手动命名每个 div，但是当涉及到 jquery 部分时，这将是一个问题。我想我可以编写 10 个不同的点击代码，并一次将每个 div 类命名为 1 到 10(在一页上显示 10 个目录)，然后这可能会解决问题，我不确定，
对于错误的解释，我们深表歉意，任何提示提示代码示例都会有所帮助。请记住，我不想使用库，我想通过自己创建它来学习。
谢谢!
最佳答案
在这种情况下，您希望通过遍历点击事件处理程序内的 DOM 来查找适当的内容部分。
$('.toogle').click( function() {
// get the sibling node with class 'hiddenInfo'
var mysection = $(this).prev('.hiddenInfo');
mysection.slideToggle('slow');
});
关于php - 如何创建一个php(jquery)幻灯片切换信息目录，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3746474/