php - 单击一个增量编号的 div 时打开另一个 div

Question

我有一个脚本，当我单击一个 div 时，将使另一个 div 显示或隐藏。

效果很好，但是当我在 sql 查询中使用它并单击一个 div 时，所有其他 div 都会显示:)所以我正在考虑一个增量脚本，这样它就会自动对div进行自动编号(效果很好)，但我不知道在java脚本中使用什么才能让它工作。

这是代码:

<?php
$conn = mysql_connect("localhost","user","pass");
mysql_select_db("database");
mysql_set_charset("UTF8", $conn);
$a = 1;
$b = 1;?>
<script>
$(".Denumire<?php echo $a; ?>").click(function(){
$(".Informatie<?php echo $b; ?>").toggle();
})

</script><?php
$construct ="SELECT * FROM tablename ";
$run = mysql_query($construct) or die(mysql_error());
$foundnum = mysql_num_rows($run);
// Define $color=1
$color="1";
if ($foundnum==0)
{
echo "Nu avem Informații!";
}
else
{

while($runrows = mysql_fetch_assoc($run))
{
$Denumire = $runrows ['Denumire'];
$Informatie = $runrows ['Informatie'];

echo "

<div id='dam'>
<div class='Denumire".$a++."'>
<table>
<tr>
<td>$Denumire</td>
<td><img src='http://bios-diagnostic.ro/wordpress/img/gobottom.png'></td>
</tr>
</table>
</div>
<div class='Informatie".$b++."'><br>$Informatie<br></div>
</div><hr><br><br>
";}}?>

问题出在java脚本中...一些想法将不胜感激...谢谢大家。

Answer 1

jquery 中有一个兄弟方法，我相信它效果很好，所以 javascript 应该是

<script>
$(".Denumire").click(function(){
    $(this).siblings(".Informatie").toggle();
})
</script>

以及显示部分

<div class='Denumire".$a++."'>

应该是

<div class='Denumire'>

希望这能成功:D

[编辑]

关闭其他的:

<script>
$(".Denumire").click(function(){
    $(".Informatie").hide();
    $(this).siblings(".Informatie").show();
})
</script>