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()该方法检查元素中指定的类,如果不存在则添加该类,如果已存在则删除该类。

 

你可能感兴趣的:(jquery)