小编use*_*630的帖子

使用jquery切换单个div

我正在尝试使用+和 - 框创建一个切换效果来显示和隐藏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工作正常,但我有多个,当我点击一个,他们都显示.有没有办法使用我的代码单独切换它们?

javascript jquery toggle

5
推荐指数
1
解决办法
1750
查看次数

标签 统计

javascript ×1

jquery ×1

toggle ×1