1. 爱易网页
  2. JavaSript
  3. jQuery 判断展示隐藏

jQuery 判断展示隐藏

日期：2014-05-16　 浏览次数：20570 次

jQuery 判断显示隐藏
页面有两按钮btn1 btn2 ,一个DIV，我想实现：
1、 点击btn1 显示div 再点击Btn1 隐藏div，
2、 点击btn1显示div，再点击btn2 还是显示DIV

JScript code


<div style=\"display:none;\" id='showDIV" + ULId + "'></div>

   function fun() {
            var flag = $("#showDIV1").css("display");
            if (flag == "none") {
                $("#showDIV1").css("display", "block");
            }

            else {
                $("#showDIV1").css("display", "none");
            }
        }


------解决方案--------------------
JScript code


<div style=\"display:none;\" id='showDIV" + ULId + "'></div>
$("#showDIV1").hide();
   function button1() {
            var flag = $("#showDIV1").css("display");
            if (flag == "none") {
                $("#showDIV1").show();
            }

            else {
                $("#showDIV1").hide();
            }
        }
function button2() {
            $("#showDIV1").show();
        }

------解决方案--------------------
探讨
我页面有很多btn，我想知道的是：怎么知道我点击是别的按钮而显示div，而不是第一次点击的按钮而隐藏DIV

引用:

点击btn1时：
JScript code
$('#btn1').click(function(){
$("#showDIV1").toggle();
})
即可

相关资料更多>

  1. JavaScript DOM学习札记1——DOM节点层次
  2. ExtJs中window与panel的应用(一)
  3. 这两个程序有什么不同,为什么第一个可以运行,第二个就不行了啊请各位指点.解决方法
  4. 这个函数的写法整不明白！解决方法
  5. javascript有关问题.等等高手的出现~
  6. 正则匹配。解决方法
  7. 求1验证带括号的四则运算式的正则表达式
  8. 购物车的程序，各位哥哥姐姐们好心帮帮忙。该如何解决
  9. JSONObject与JSONArray的应用