jquery toggle

在jQuery中，`toggle()`方法主要用于切换元素的可见性（如显示与隐藏）或执行一组预定义的操作。以下是`toggle()`方法的基本用法：

1. 切换元素显示/隐藏状态[^1]:

// 对于具有id的元素
$("#elementId").toggle();

// 或者对于类名选择器
$(".className").toggle();

这将会在元素上添加或移除CSS的`display: none;`属性，从而实现切换显示效果。

2. 切换事件处理程序[^2]:

$(document).ready(function(){
    $("#targetElement").toggle(function() {
        // 当元素显示时执行的代码
    }, function() {
        // 当元素隐藏时执行的代码
    });
});

这里，`toggle()`接受两个或更多函数作为参数，它们会被轮流向元素添加和移除。

注意，jQuery 1.9之后的版本，`toggle()`方法不再自动切换显示/隐藏，而是切换事件处理器。如果你想要保持原始行为，可以使用`.show()`和`.hide()`方法。