引入jquery

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

html代码

<div style="margin:0 auto;width: 50px;">
	<input type="button" class="but"  value="点击显示" style="border: 1px solid #000000;border-radius: 50px;background: #ffffff;margin: 0 auto;padding: 20px;">
</div>

<div id="review_form" style="display:none">该层默认为为隐藏</div>

jquery代码

<script>
$(document).ready(function(e) {
    $(".but").click(function(e) {
        $("#review_form").toggle();
    });
});
</script>

<script>
$(document).ready(function(e) {
    $(".but").click(function(e) {
        if( $("#review_form").hasClass("show") ){
            // 执行隐藏
            $("#review_form").hide().removeClass("show");
            // 其他
        }else{
            // 显示
            $("#review_form").show().addClass("show");
        }
    });
});
</script>

发表评论

共有 0 条评论