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>