我希望能够点击图像以显示/隐藏div(带文本)。我有这个工作的一个图像,但我有多个图像需要切换文本。通过点击图片显示/隐藏div
的JavaScript代码
$(document).ready(function() {
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').click(function() {
$("slidingDiv").slideToggle();
});
});
的HTML:
<a href="#" class="show_hide"><img src="image.jpg"></a>
<div class="slidingDiv">
<h2>Title</h2>
<p>text</p>
</div>
所以这个工作,但它仅适用于一个图像+ DIV。我想要第二个图像和div,但使用相同的slidingDiv
类,然后单击第二个图像切换第二个div显然切换两个div。
那么我怎样才能得到两个图像来切换自己的div,而不是在点击两个图像之一的同时切换两个div?
你缺少选择类型。 – Script47