使用jQuery的toggle()方法显示和隐藏HTML标记(示例)

这是一个例子：

html head script type=' text/JavaScript ' src=' http :https://code . jquery.com/jquery-1 . 11 . 3 . js '/script script type=' text/JavaScript ' $(文档)。ready(function(){ $(. BTN 1 ')。单击(function(){$('p '))。toggle()；//toggle()方法显示和隐藏交互事件。如果显示，它将被隐藏。如果隐藏，将显示})；$('.btn2 ')。toggle(2000，function(){ $(. div 2 ')。toggle()；//回调})；});这是一个段落。/Pb button class=' BTN 1 ' Toggle/button class=' BTN 2 ' Toggle 2/button Div class=' Div 1 ' http://www . cn blogs.com/sosoft//Div Div class=' Div 2 ' style=' display : none ' Toggle()方法用于soft /div/body/html示例：

toggle()方法切换元素的可见状态。如果选定的元素可见，则隐藏它们；如果它们隐藏，则显示它们。

语法$(选择器)。切换(速度、回拨、切换)

PS:此效果适用于jQuery隐藏的元素，或者CSS中声明display:none的元素(但不适用于visibility:hidden的元素)。

以上就是利用边肖介绍的jQuery的toggle()方法显示和隐藏HTML标签的方法(示例)。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！