二级a做爰片免费网站/搜索引擎付费推广

主要是想实现一个单选多选的功能，需要同时满足：

1、点任意一个选项能依次选中、取消选中；

2、点 自定义 选项，能展开更多的内容；

3、点 其他选项 的时候，能隐藏 因点击“自定义”而展开的更多内容。

页面截图和完整代码如下：

.filter-condition{ padding: 10px 0; }

.filter-condition .list1 h4{ font-size: 14px; background: #fff; color: #333; margin-top: 0; padding: 6px 10px; }

.filter-condition .list1 h4 a{ padding: 0 4px 0 10px; float: right;}

.filter-condition .list1 h4 em{ font-style: normal; padding-right: 4px; font-weight: 300; font-size: 12px;}

.filter-condition .list1 h4 .minus i{transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }

.filter-condition .list1 h4 span{ color: #f00; padding-left: 4px; }

.filter-condition .list1 .custom_nav_n {padding:4px 2px 0; overflow:hidden;position:relative}

.filter-condition .list1 .custom_a {float:left;width:25%;padding:0 8px;margin:0 0 12px;

-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

.filter-condition .list1 .custom_a:hover,.custom_a:link,.custom_a:visited,.custom_s {color:#1a1a1a}

.filter-condition .list1 .custom_s {display:block;height:34px;line-height:32px;overflow: hidden;font-size:13px; background: #f5f5f5; border-radius:4px;text-align:center;position:relative;opacity:1}

.filter-condition .list1 .active{ background: #fff4ee; color:#ff7028;border:0px solid #ececec;}

.filter-condition .list1 .active::after{content:'';background:url(../images/active.svg) no-repeat;background-size:20px;width:20px;height:20px;position: absolute; right:0px; bottom:0px; }

.filter-button .custom_button { overflow:hidden;position:relative;background:#fff;margin-top:4px;border-top:1px solid #f1f2f3;}

.filter-button .button_a1 {float:left;width:40%; -webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

.filter-button .button_a2 {float:left;width:60%; -webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

.filter-button .button_s1 {display:block;height:44px;line-height:44px;font-size:14px;background:#f8f8f8; color: #999; text-align:center;position:relative;opacity:1}

.filter-button .button_s2 {display:block;height:44px;line-height:44px;font-size:14px;background:#CE9940; color: #fff; text-align:center;position:relative;opacity:1}

function getObject(objectId){

if(document.getElementById && document.getElementById(objectId)){

return document.getElementById(objectId);

}else if(document.all && document.all(objectId)){

return document.all(objectId);

}else if(document.layers && document.layers[objectId]){

return document.layers[objectId];

}else{

return false;

}

}

function showHide(e,objname){

var obj = getObject(objname);

if(obj.style.display == "block"){

obj.style.display = "none";

}

else{

obj.style.display = "block";

obj.style.height = "auto";

}

}

$(document).ready(function(){

$("#itemssx1 .custom_s").on("click", function () {

$("#itemssx1 .custom_s").removeClass("active");

$(this).addClass("active");

});

$("#itemssx2 .custom_s").on("click", function () {

$("#itemssx2 .custom_s").removeClass("active");

$(this).addClass("active");

});

$("#itemssxN .custom_s").on("click", function () {

$(this).toggleClass('active');

});

});