永发信息网

用js或者jq给这个按钮绑定一个事件,点击来回却换图上的这2种布局,要怎么实现呢?

答案:2  悬赏:50  手机版
解决时间 2021-04-05 22:27
  • 提问者网友:聂風
  • 2021-04-05 15:53
用js或者jq给这个按钮绑定一个事件,点击来回却换图上的这2种布局,要怎么实现呢?
最佳答案
  • 五星知识达人网友:愁杀梦里人
  • 2021-04-05 17:25
你看一下,下面的代码,不明白再问我
其中div指你点击的按钮,div1表示大图列表,div2表示小图列表
$("div").click(function(){
    if($("div1").css("display")="none"){
        $("div1").show();
        $("div2").hide();
    }else{
        $("div2").show();
        $("div1").hide();
    }
});追问还有这个图标 我想点一下 添加一个class来改变图标 再点一下删除刚才添加的class 这样要怎么实现呢?追答你看一下
$("div").click(function(){
    if($("div1").css("display")="none"){
        $("div1").addClass("selected");
    }else{
        $("div1").removeClass("selected");
    }
});
全部回答
  • 1楼网友:归鹤鸣
  • 2021-04-05 17:31
看不到你的html结构,我们无法实现,实现了也是白忙一场,因为你会再问为什么没有效果追问我只想要个思路,我是想点击这个按钮的时候,给它添加一个class ,就把它的图标换成另外一个,同时把当前的布局影藏,把另外一个布局显示出来,但是只能切换过去,就不知道怎么切换回来了追答用toggleClass即可
$(".btn").toggleClass("img");
.btn{
background:url(a.jpg);
}
.img{
background:url(b.jpg);
}
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯