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

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

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

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

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

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

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

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

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

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

div5pxdiv { float: left; width: 100px; height: 80px; border: 1px solid #0ff; margin-right: 5px; display: none;}$(document).ready(function(e) { $(".btn").click(function(){ if(!$(".div").is(":visible")){ $(".div").show(); $(this)...

下载:jquery-1.6.2.js 地址:http://code.jquery.com/jquery-1.6.2.js,命名jquery-1.6.2.js,放于本网页同级目录。 无标题文档 $(document).ready(function(){ $("#button").click(function(){ if($("#button").val()=="隐藏") { $("#button")...

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