Jquery中 slideToggle() 和toggleClass()用法

       1.如果控制一个标签或者一个菜单的显示与隐藏，并且要出现滑动效果，jQuery slideToggle()是最佳的选择，只需一行代码就OK了。小结一下它的用法：

 

slideToggle()用法通过使用滑动效果(高度变化)来切换元素的可见状态。如果元素是可见的，则为隐藏，反之亦然也。如：

<script>
    $(function () {
        $("#left .dt2").click(function () {
            $("#left .dt2").removeClass("bimg");
            $(this).addClass("bimg");
            $(this).next().slideToggle(XXX);//隐藏或者显示 可带参数表上显示的速度
        });
    });
</script>

       2.添加或者删除某一个标签的属性，会比较经常用到。小结一下其中的2中方法

<1>

if(){
$(“”).addClass(XXX);
}else{
$(“”).removeClass(XXX);
}

 这种方法虽然可行，但是代码臃肿

 

<2> 

$(“”).toggleClass(XXX);

 这个方法代码简介，也能达到要求。

toggleClass()该方法检查元素中指定的类，如果不存在则添加该类，如果已存在则删除该类。