Question

求js大神，有3个下拉菜单，点击一个，隐藏另外2个。

<div class="cyy Zindex9">
<div class="s_loan01 showT relative ">
<div class="loan_li_selectbtn fl" onclick="dkjCK(this)">
<span id="loan_type06" class="loan_type" reval="4">
<img src="images/bbj.jpg" /></span></div>
<!-- 弹出部分 start -->
<div class="loan_div meli">
<ul class="loan_li_selectcon none" id="loan_type_ul6">
<li> <uc5:InfoContent ID="InfoContent5" runat="server" infoid="220" />
</li>
</ul>
</div>
<!-- 弹出部分 over -->
</div>
</div>
<div class="cyy Zindex15">
<div class="s_loan01 showT">
<div class="loan_li_selectbtn fl" onclick="dkjCK(this)">
<span id="loan_type07" class="loan_type" reval="4">
<img src="images/qjbg.jpg" /></span></div>
<!-- 弹出部分 start -->
<div class="loan_div meli">
<ul class="loan_li_selectcon none" style="display: none;" id="loan_type_ul7">
<li><uc5:InfoContent ID="InfoContent6" runat="server" infoid="221" /></li>
</ul>
</div>
<!-- 弹出部分 over -->
</div>
</div>
<div class="cyy Zindex15">
<div class="s_loan01 showT">
<div class="loan_li_selectbtn fl" onclick="dkjCK(this)">
<span id="loan_type07" class="loan_type" reval="4">
<img src="images/deou.jpg" /></span></div>
<!-- 弹出部分 start -->
<div class="loan_div meli">
<ul class="loan_li_selectcon none" style="display: none;" id="loan_type_ul7">
<li><uc5:InfoContent ID="InfoContent7" runat="server" infoid="222" />
</li>
</ul>
</div>
<!-- 弹出部分 over -->
</div>
</div>
层级很乱别见怪哈，弹出部分里的UL LI是下拉菜单内容，不过用.net来写进了。特效要求是，点击这3个下拉的任意一个，隐藏其他2个的下拉菜单，求JS的代码，必须能应用此层级关系的。

Answer 1

$(".loan_div").click(function(){
$(".loan_div").hide(0);
$(this).show(0);
});

追问

不行的...

Answer 2

本身三个下拉菜单都是显示的？ 还是只显示其中一个？

追问

下拉要点击才显示，我的意思就是，点击第一个DIV出现了下拉，接着点击第二个DIV的下拉，隐藏第一个的下拉，点击第三个隐藏第二个，就是这个意思

追答

$('.meli').on('click',function(){
$(this).find('ul').show();
$(this).parent().parent().siblings('.cyy').find('ul').hide();
})

追问

不行的。。