knrt.net
当前位置:首页 >> 用jquEry怎么实现点击显示,再一次点击隐藏 >>

用jquEry怎么实现点击显示,再一次点击隐藏

html代码: jquery代码: function showOrHideDiv(){ if($("#show_div").is(":hidden")){ $("#show_div").show();//如果元素为隐藏,则将它显现 }else{ $("#show_div").hide();//如果元素为显现,则将其隐藏 }}

你要点击的按钮是 $( '#button' ) 你要显示/隐藏的节点是 $( '#information' ) $( '#button' ).on( 'click', function( e ) { $( '#information' ).toggle();} ); 不可以像某个答案那样,用 .css( 'display' ) == 'block' 判断 dom 的隐藏状态。...

点击.div{background-color:black;border: 1px solid red;width:100px;height:100px;display:none}$("button").click(function(){ if($(".div").css("display")=="none"){ $(".div").show(); }else{ $(".div").hide(); } });

点击我 点我上面的button按钮,看看我能有什么效果 $("button").click(function(){ $("p").slideToggle(200); })

点击我是一个元素var s=true;var e = $('#e');var box = $('#BOX');e.on('click',function(){if(s==true){ box.hide(); s=false;}else{ box.show(); s=true; }})

示例html 最简单的方法: $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

$(function(){ var flag = true; $("id").on("click",function(){ if(flag){ $(this).show(); flag = false; }selse{ $(this).hide(); }; }); }); 1:上述代码主要逻辑是定义一个真假值。(boolean类型值就行);如果flag为真,那么就执行if语句...

html代码: 点击 css代码: .div{ background-color:black; border: 1px solid red; width:100px; height:100px; display:none } 3 js代码: $("button").click(function(){ if($(".div").css("display")=="none"){ $(".div").show(); }else{ $(...

//.button是点击的按钮,.div是要显示隐藏的元素$('.button').on('click',function(){ $('.div').toggle();});

$("#testID").bind("click",function(){ if($("#testID")[0].hidden){ $("#testID")[0].hidden = false; }else{ $("#testID")[0].hidden = true; }})大致的代码就这样,你可以按照实际情况去改

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com