Question

我有一个脚本，当我点击一个div时，会进行另一个div显示或隐藏。

这很好用，但是当我在sql查询中使用它并且我点击一个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中有一个siblings方法，我相信它很有用，所以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>

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

1 个答案: