[英]text show and hide with button php/js
如何應用多個文本? 使用文本可以正常工作:
<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>
display: none
dd
樣式display: none
。 $i
是一個計數器(同時)
問題是,如果我有多個dl
,它將關閉並打開所有它們。
這將選擇並切換整個頁面上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實例中.find('dd')
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.