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

2024-11-20 01:43:54

推荐回答（2个）

回答1：

用jquery实现点击显示，再一次点击隐藏的方法是使用toggle方法。
说明：toggle() 方法切换元素的可见状态。
如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
举例说明：

This is a paragraph.

代码解读：
$(".btn1").click(function(){
$("p").toggle(1000); //控制文件This is a paragraph的显示和隐藏，如果当前是显示的，点击就隐藏了。
});

回答2：

$(div).click(function(){
    if($(this).is(":hidden")){
        $(this).show();
    }else{
        $(this).hide();
    }
})