如何应用多文本?它有一个文本:
<dl>
<dt>
<img class="empfehlung-bild" style="max-width: 300px; height: auto; float: left; margin-right: 15px; margin-bottom: 15px;" src="<?php echo $bild; ?>" />
<h1><?php echo $title; ?></h1>
<p>
<?php echo $text; ?>
</p><br/>
<button id="<?php echo $i; ?>" style="float:right;">Details</button><br/><br/>
</dt>
<dd style="float:left;">
<h2><?php echo $secret_title; ?></h2>
<button id="<?php echo $i; ?>" style="float:right;">X</button>
<p>
<?php echo $secret_text; ?>
</p>
</dd>
</dl>
剧本:
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("dd").slideToggle("slow");
});
});
</script>
dd
样式为display: none
。 $i
是一个计数器(而)
问题是,如果我有多个dl
,它会关闭并打开所有这些。
答案 0 :(得分:0)
这将在整个页面上选择并切换dd
的所有实例。
$("button").click(function () {
$("dd").slideToggle("slow");
});
这将选择并切换最接近您按下的按钮的dd
的预期实例。
$("button").click(function () {
$(this).closest('dl').find('dd').slideToggle("slow");
});
使用($this)
实际按下的按钮,找到带有.closest('dl')
的父dl,然后在.find('dd')
的dl实例中查找dd。