@幻天芒:

您好，是否方便加一下QQ？ 894506380 我的

想要的效果：

1.点击下拉内容能切换显示

2.当下拉内容显示时，点击页面非下拉内容块时隐藏当前显示的下拉内容

3.当前内容显示，当点击其他的下拉按钮时，当前内容隐藏新点击的下拉内容显示

我的代码：

$(document).ready(function() {

$(".option-list").css("display", "none");

//点击一个，隐藏其他

$(".option-tit").click(function(){

$(".option-list").css("display", "none");

$(this).next().css("display","block");

});

//点击切换显示

//点击空白地方隐藏当前

/** 单选地主身份 **/

$('.option-list-01').find('span').click(function () {

singleSelect($(this));

});

/** 单选地主性别 **/

$('.option-list-02').find('span').click(function () {

singleSelect($(this));

});

/** 多选地主服务**/

$('.option-list-03 span').click(function(){

multipleSelect($(this),$('.option-list-03 .noLimited'),$('.option-list-03 .current'),$('.option-tit-bg-03'),"地主服务");

});

/** 多选城市服务**/

$('.option-list-04 span').click(function(){

multipleSelect($(this),$('.option-list-04 .noLimited'),$('.option-list-04 .current'),$('.option-tit-bg-04'),"可导城市");

});

});

function singleSelect(obj) {

$(obj).addClass('current').siblings().removeClass('current');

$(obj).parent().prev().find("h3").html($(obj).html());

}

function multipleSelect (thiz,noLimited,current,text,info){

var $firstSpan = $(noLimited);

var isFirst = thiz.hasClass('noLimited');

//点击第一个，先取消其他所有的选中，然后切换自身状态

if (isFirst) {

thiz.siblings().removeClass('current');

} else { //点击其他，先取消第一个选中，然后切换自身状态

$firstSpan.removeClass('current');

}

//切换自身状态

if (thiz.hasClass('current')) {

thiz.removeClass('current');

} else {

thiz.addClass('current');

}

//统计当前选中项

var $selectedSpans = $(current);

var selectedArr = [];

$('.option-list').find('.current').each(function(i){

console.log(i + $());

selectedArr.push($(this).text());

});

//设置到UI上。

$(text).html(selectedArr.join(' '));

if($(text).html() == ""){

$(text).html(info);

}

}