toggle标签切换效果

另外一篇关联文章：(https://www.cnblogs.com/zxyun/p/9316964.html)[https://www.cnblogs.com/zxyun/p/9316964.html]

5.gif

css

.tl-tag{
    width:80px;
    height:30px;
    line-height: 30px;
    background:#E5E5E5;
    border-radius:15px;
    text-align: center;
    margin-left: 20px;
    color: #666666;
}
.tl-tag-active{
    width:80px;
    height:30px;
    line-height: 30px;
    background:#FB633C !important;
    border-radius:15px;
    text-align: center;
    margin-left: 20px;
    color: #FFFFFF !important;
}
.pull_l {
    float: left;
}

html

    
短信分类
    
高级版
    
服务类

js

function select(e, title, price){
   // $(e).addClass("tl-tag-active").siblings("div").removeClass("tl-tag-active");
    $(e).addClass("tl-tag-active").siblings("div").removeClass("tl-tag-active");
    $(e).children(".sel").show(0).parent().siblings().children(".sel").hide(0);
}