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

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

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

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

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

点击.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(); } });

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

点击我是一个元素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() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

用jquery实现点击显示,再一次点击隐藏的方法是使用toggle方法。 说明:toggle() 方法切换元素的可见状态。 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。 举例说明: $(document).ready(function(){ $(".btn1").click...

如果是必须追加显示的话,再次点击就需要清除 //同样在点击事件中判断是否已经追加过div了 $(".Topstorya").on("click",functiton(){ if($(".ysa").length>0){//追加的div最好保持唯一性 //此为已存在追加的div $(".ysa").remove(); }else{ //此...

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{ $(...

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