jq仿京东淘宝多条件筛选效果

效果图如下：

   

html： 

<div class="research-type">
    <div class="research-item clearfloat">
        <div class="research-center">
            <ul class="clearfloat">
                <li><a class="active">S</a></li>
                <li><a>M</a></li>
                <li><a>L</a></li>
                <li><a>XL</a></li>
            </ul>
        </div>
    </div>
    <div class="research-item clearfloat">
        <div class="research-center">
            <ul class="clearfloat">
                <li><a class="active">粉色</a></li>
                <li><a>绿色</a></li>
                <li><a>黑色</a></li>
                <li><a>白色</a></li>
            </ul>
        </div>
    </div>
</div>

 

css样式随意发挥