                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(三)—事件篇

求问大神如何实现点击切换效果

</div>

点击图片，图一变成图二，再点击一下，图二又会变成图一

慕侠0422420

2017-08-12

源自：jQuery基础(三)—事件篇 2-1

关注问题我要回答

1461

操作

收起

2 回答

延eagle 回答被采纳 +2 积分
2017-08-12

<script type="text/javascript">
    var isFirst = false;
    $(".logo").click(function(){
        if(!isFirst){
            $("img:first").show();
            $("img:last").hide();
            isFirst = true;
        }else{
            $("img:first").hide();
            $("img:last").show();
            isFirst = false;
        }
    })
</script>

0 回复有任何疑惑可以回复我~

收起回答

慕侠0422420 提问者

2017-08-12 回复有任何疑惑可以回复我~

慕侠0422420 提问者

非常感谢！

2017-08-12 回复有任何疑惑可以回复我~

Jenkin_Wang
2017-08-12

<script type="text/javascript">
$('a').toggle(function(){
    $(this).show().next().hide();
},function(){
    $(this).next().show().hide();
});
</script>

1 回复有任何疑惑可以回复我~

收起回答

慕侠0422420 提问者

不是很明白那些括号里面要填什么，用toggle、click、change都可以吗

2017-08-12 回复有任何疑惑可以回复我~

胖官与他的面包回复慕侠0422420 提问者

上面大神的意思应该是当你点击a时，如果a画面是隐藏的点击时则a出现，a的下一个同级元素则隐藏，当你的a出现的时候你点击则a的下一个同级元素显示再隐藏括号里面不用写东西但是我其实没有很明白他最后一句的意思我的理解是这样

2017-09-15 回复有任何疑惑可以回复我~