快捷导航
查看: 49670|回复: 13

[讨论] jquery怎么实现点击一个按钮控制一个div的显示和隐藏

[复制链接]
发表于 2014-1-8 10:55:12 | 显示全部楼层 |阅读模式
这里有一个按钮,如果点击这个按钮,控制同一个div的显示和隐藏
如果使用两个按钮很轻松,但是使用一个按钮如何实现此功能,求大神的代码
发表于 2015-9-12 16:09:28 | 显示全部楼层
看看这个代码实例吧,应该能够满足你的要求
http://www.softwhy.com/forum.php?mod=viewthread&tid=11972
发表于 2014-1-8 12:32:09 | 显示全部楼层
$("#btn").click(function(){ $("#div").toggle(); });

点评

这个今天看以资料已经删除了1.9已经删除了toggle()  发表于 2014-1-8 18:49
发表于 2014-1-8 12:35:40 | 显示全部楼层
乱码 发表于 2014-1-8 12:32
$("#btn").click(function(){ $("#div").toggle(); });

怪不得用jquery,这么少的代码就能实现
发表于 2014-1-8 20:10:39 | 显示全部楼层
[JavaScript] 纯文本查看 复制代码运行代码
$("#btn").click(function(){
    var div = $("#div");
    if ( div.css("display") === "none" ) {
        div.show();
    } else {
        div.hide();
    }
}
发表于 2014-1-8 20:11:16 | 显示全部楼层
[JavaScript] 纯文本查看 复制代码运行代码
$("#btn").click(function(){
    var div = $("#div");
    div.css("display") === "none" && div.show() || div.hide();
});

补充一个、
发表于 2014-1-9 09:15:24 | 显示全部楼层
乱码 发表于 2014-1-8 20:11
[mw_shl_code=javascript,true]$("#btn").click(function(){
    var div = $("#div");
    div.css("di ...

这个有点奇怪!
发表于 2015-9-13 00:52:01 | 显示全部楼层
我也不充一个
$(document).ready(function(){
    $("button").click(function(){
         $("div").slideToggle();
});
})
发表于 2015-9-13 02:23:35 | 显示全部楼层
wlq1980 发表于 2015-9-13 00:52
我也不充一个
$(document).ready(function(){
    $("button").click(function(){

这个是超级简单,不错!
发表于 2015-9-13 14:30:39 | 显示全部楼层
wlq1980 发表于 2015-9-13 00:52
我也不充一个
$(document).ready(function(){
    $("button").click(function(){

这个确实很简单,但是有一问题不知道能不能解决
按钮上的隐藏和显示切换效果
发表于 2015-9-14 09:28:21 | 显示全部楼层
本帖最后由 wlq1980 于 2015-9-14 09:29 编辑
卡西欧_best 发表于 2015-9-13 14:30
这个确实很简单,但是有一问题不知道能不能解决
按钮上的隐藏和显示切换效果

可以啊 对象选择为按钮就可以了  不过应该再重新设置个点击的对象 不然按钮隐藏掉了 就没法点击显示了
发表于 2015-9-15 11:21:26 | 显示全部楼层
wlq1980 发表于 2015-9-14 09:28
可以啊 对象选择为按钮就可以了  不过应该再重新设置个点击的对象 不然按钮隐藏掉了 就没法点击显示了

可以使用回调函数实现,本人还没有测试过
发表于 2015-11-12 18:19:32 | 显示全部楼层
乱码 发表于 2014-1-8 20:11
[mw_shl_code=javascript,true]$("#btn").click(function(){
    var div = $("#div");
    div.css("di ...

还可以这么简写,if else 可以少写很多了

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-8-21 12:41 , Processed in 0.096302 second(s), 23 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

快速回复返回顶部 返回列表