我正在尝试使用+和 - 框创建一个切换效果来显示和隐藏div.例如http://theodin.co.uk/tools/tutorials/jqueryTutorial/index.html
这是我正在使用的脚本
$(function(){
$('.block').hide();
$('#show').toggle(function(){
$('.block').show();
$(this).attr("src","images/minus.jpg" );
},function(){
$('.block').hide();
$(this).attr("src", "images/plus.jpg" );
});
});
Run Code Online (Sandbox Code Playgroud)
HTML
<div id="show"> Open <img id="show" src="images/plus.jpg"/> </div>
<div class="block">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
</div>
Run Code Online (Sandbox Code Playgroud)
它与一个div工作正常,但我有多个,当我点击一个,他们都显示.有没有办法使用我的代码单独切换它们?