如何使div切换onclick，子div没有id

Question

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

例如，单击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;}