javascript - 如何使 div 在点击时切换，子 div(s) 没有 id

Question

我将如何编写隐藏特定 div onclick 并使其他 div 可见的 Javascript/jQuery。

例如，单击 div:1 将使 div:1 不可见，如果不可见，则 div:2 和 div:3 可见。

<div id="foo">
    <div>a</div>
    <div>b</div>
    <div>c</div>
</div>

http://jsfiddle.net/sravsk/SSwJC/

Answer 1

$('#foo > div').on('click',function(){
    $(this).hide();
    $(this).siblings().show();
})

http://jsfiddle.net/SSwJC/4/

Answer 2

http://jsfiddle.net/SSwJC/5/

 $("#foo > div").click(function(){
       $('.invisible').removeClass('invisible');
       $(this).addClass('invisible');
 });  

#foo > div {
   cursor: pointer;
}

.invisible { display:none;}