JQuery切换元素的可见状态，添加样式/删除样式切换代码
toggle() 切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
示例：
切换所有段落的可见状态。
HTML 代码:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代码:
$("p").toggle()
结果:
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
使用示例代码：
<script>
$(document).ready(function(){
$(".index_nav_box span").toggle(function(){
//添加样式
$(".index_nav").addClass("fadeInUp");
}), function(){
//删除样式
$(".index_nav").removeClass("fadeInUp");
});
});
</script>
toggle() 切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
示例：
切换所有段落的可见状态。
HTML 代码:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代码:
$("p").toggle()
结果:
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
使用示例代码：
<script>
$(document).ready(function(){
$(".index_nav_box span").toggle(function(){
//添加样式
$(".index_nav").addClass("fadeInUp");
}), function(){
//删除样式
$(".index_nav").removeClass("fadeInUp");
});
});
</script>
鄂公网安备 42090202000212号