欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-05-24 20:50:57
...

html代码:

<button>点击</button>

<div class="div"></div>

css代码:

<style>

.div{

background-color:black;

border: 1px solid red;

width:100px;

height:100px;

display:none

}

</style>

jq代码:

<script>

$("button").click(function(){

if($(".div").css("display")=="none"){

$(".div").show();

}else{

$(".div").hide();

}

});

</script>
相关标签: flask