JQ 点击隐藏显示

Question

<div class="div1">
    <ul>
    </ul>
    <div class='div2'></div></div><div class="div1">
    <ul>
    </ul>
    <div class='div2'></div></div>

点击div1，让div2显示，点下一个div1,让第一个div2隐藏，第二个div2显示，
怎么实现啊

Answer 1

HTML:<div&nbsp;class="div1"> &nbsp;&nbsp;&nbsp;&nbsp;<ul></ul> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class='div2'></div></div><div&nbsp;class="div1"> &nbsp;&nbsp;&nbsp;&nbsp;<ul></ul> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class='div2'></div></div>CSS:.div1&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;50px;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;50px;&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;yellow; }.div2&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;40px;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;40px;&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;red;&nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;none; }jQuery:&nbsp;&nbsp;&nbsp;&nbsp;$('.div1').click(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).find('.div2').show() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.end() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;.siblings('.div1').find('.div2').hide(); &nbsp;&nbsp;&nbsp;&nbsp;});仅仅想装B的用链式代码，写法可能有点拖沓。见谅。支持&nbsp;scort&nbsp;的写法。