使用.toggle()方法实现元素显示和隐藏

在网页中，我们经常需要控制元素的显示和隐藏，这时候就需要使用到.toggle()方法，它可以帮助我们实现元素的显示和隐藏。.toggle()方法是一个jQuery方法，它可以在元素显示和隐藏之间切换，也可以控制元素的显示和隐藏。

使用方法

使用.toggle()方法非常简单，只需要在jQuery对象上调用.toggle()方法即可，它接受两个参数，第一个参数是一个布尔值，true表示显示元素，false表示隐藏元素；第二个参数是一个函数，它会在元素显示和隐藏之间切换时调用。

$("#element").toggle(true, function(){
    // 执行代码
});

如果只传入一个参数，那么它会根据元素当前的状态进行切换，如果元素是隐藏的，那么它就会显示，反之亦然。

$("#element").toggle(function(){
    // 执行代码
});

实例

下面是一个的实例：

$("#btn").click(function(){
    $("#element").toggle(true, function(){
        alert("元素已显示");
    });
});

在这个实例中，我们给按钮添加一个点击事件，当按钮被点击时，调用.toggle()方法将元素显示出来，并弹出一个提示框。

• 使用.toggle()方法可以实现元素的显示和隐藏
• .toggle()方法接受两个参数，第一个参数是一个布尔值，true表示显示元素，false表示隐藏元素；第二个参数是一个函数，它会在元素显示和隐藏之间切换时调用
• 如果只传入一个参数，那么它会根据元素当前的状态进行切换