使用.toggle()方法实现元素的切换效果

jQuery提供了一个非常实用的方法.toggle()，它可以用来实现元素的切换效果。.toggle()方法可以接受两个参数，一个是显示元素的函数，一个是隐藏元素的函数。

要使用.toggle()方法，需要创建一个jQuery对象，调用.toggle()方法，接受两个参数，一个是显示元素的函数，一个是隐藏元素的函数。

$(selector).toggle(function(){
    // 显示元素的函数
}, function(){
    // 隐藏元素的函数
});

例如，要实现一个点击按钮，切换div元素的显示和隐藏，可以使用如下代码：

$('#btn').click(function(){
    $('#div').toggle(function(){
        $(this).show();
    }, function(){
        $(this).hide();
    });
});

上面代码中，点击按钮时，调用.toggle()方法，切换div元素的显示和隐藏。

.toggle()方法还可以接受一个布尔值参数，如果为true，则显示元素，如果为false，则隐藏元素。

$('#btn').click(function(){
    $('#div').toggle(true);
});

上面代码中，点击按钮时，调用.toggle()方法，将div元素显示出来。

.toggle()方法可以用来实现元素的切换效果，可以接受两个参数，一个是显示元素的函数，一个是隐藏元素的函数，也可以接受一个布尔值参数，实现元素的显示和隐藏。