jQuery可收缩展开的分类条件筛选代码免费下载

jQuery可收缩展开的分类条件筛选代码是一款非常简单实用的多条件筛选代码,还可对已筛选的分类进行删除操作。

JS代码

<script> 
    $(function(){ 
        $(".shaixuan-tj span.crumb-select-item").live('hover',function(event){ 
            if(event.type=='mouseenter'){  
            $(this).addClass("crumb-select-itemon"); 
            }else{  
            $(this).removeClass("crumb-select-itemon"); 
            }  
        }); 
        $(".shaixuan-tj span.crumb-select-item").live('click', function(event){ 
            event.preventDefault(); 
            $(this).remove(); 
            var TTR = $(this).find("em").text(); 
            $(".show-con a").each(function(){ 
                var TT = $(this).text(); 
                    THI = $(this); 
                    THIPP = $(this).parents("dl"); 
                if(TTR==TT){ 
                    THI.removeClass("nzw12"); 
                    THIPP.css("display","block"); 
                } 
            }) 
        }); 
        $(".show-con a").click(function(event){ 
            event.preventDefault(); 
                 THIP = $(this).parents("dl"); 
            if($(this).hasClass("nzw12")){ 
            }else{ 
                $(this).addClass("nzw12"); 
                var zhiclass = $(this).parents("dd").siblings("dt").find("a").text(); 
                    zhicon = $(this).text(); 
                    tianjaneir="<span class='crumb-select-item'><a href='/'><b>"+zhiclass+"</b><em>"+zhicon+"</em><i class='icon-remove'></i></a></span>" 
                $(".shaixuan-tj").children().last().after(tianjaneir); 
                THIP.css("display","none"); 
            } 
        }); 
        $(".show-more").click(function(event){ 
            event.preventDefault(); 
            var ticon = $(this).find("i"); 
                tspan = $(this).find("span"); 
                if($(this).hasClass("zk")){ 
                    $(this).siblings(".show-con").css("height","30px"); 
                    ticon.removeClass("icon-angle-up"); 
                    ticon.addClass("icon-angle-down"); 
                    tspan.html("更多"); 
                    $(this).removeClass("zk") 
                }else{ 
                    $(this).siblings(".show-con").css("height","auto"); 
                    ticon.removeClass("icon-angle-down"); 
                    ticon.addClass("icon-angle-up"); 
                    tspan.html("收起"); 
                    $(this).addClass("zk") 
                } 
        }); 
        $("#sxbtn").click(function(event){ 
            event.preventDefault(); 
            var xicon = $(this).find("span i"); 
                xspan = $(this).find("span em"); 
            if($(this).hasClass("zkon")){ 
                xspan.text("收起筛选"); 
                xicon.removeClass("icon-angle-down"); 
                xicon.addClass("icon-angle-up"); 
                $(".sxcon").slideDown(); 
                $(this).removeClass("zkon") 
            }else{ 
                xspan.text("查看筛选"); 
                xicon.removeClass("icon-angle-up"); 
                xicon.addClass("icon-angle-down"); 
                $(".sxcon").slideUp(); 
                $(this).addClass("zkon") 
            } 
        }) 
 
 
    }) 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录