在jQuery UI中，切换(Toggle)效果可帮助用户隐藏或显示元素。通过简单的代码，可以轻松创建点击按钮来切换元素可见性的功能。
jQuery UI 实例 – 切换(Toggle)
在网页开发中，经常会遇到需要切换元素可见性的情况，这时可以使用jQuery UI中的Toggle方法来实现。Toggle方法能够轻松地控制元素的显示与隐藏，使用户交互变得更加友好和直观。
下面是一个简单的jQuery UI Toggle实例，我们将创建一个按钮，点击按钮时切换一个文本块的可见性。
“`html
这是要切换的文本块
“`
首先，我们需要引入jQuery和jQuery UI的库文件。接着，定义了一个按钮和一个含有文本的div元素，给div元素添加了一个类名”toggle-text”并设置display属性为none，让文本块一开始是隐藏的。
在script标签内，我们使用$(document).ready()来确保文档加载完毕后再执行操作。当点击按钮时，调用toggle()方法来切换文本块的可见性，每次点击按钮，文本块会在显示和隐藏之间切换。
通过这个简单的例子，我们展示了如何使用jQuery UI的Toggle方法来实现元素可见性的切换。这种交互方式可以让网页更具动态性，吸引用户眼球，提升用户体验。
