Скрыть div, когда нажимается другой JQuery

Question

Я использую javascript, чтобы показать и скрыть 3 div на моем сайте, но если меню не будет нажато снова, текущий div просто останется открытым. Я пытаюсь выяснить, как сделать один div закрытым, когда откроется другой. Всего три div. Вот мой текущий javascript:

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#slide').click(function() { 
     var hidden = $('.hidden'); 
     if (hidden.hasClass('visible')) { 
      hidden.animate({ 
       "left": "-500px" 
      }, "slow").removeClass('visible'); 
     } else { 
      hidden.animate({ 
       "left": "0px" 
      }, "slow").addClass('visible'); 
     } 
    }); 
}); 
</script> 

Любое понимание было бы принято с благодарностью!

Answer 1

Я хотел бы сделать это что-то вроде этого, вместо:

$(document).ready(function() { 
    $('#slide').click(function() { 
     var hidden = $('.hidden').not('.visible'); 
     var vis = $('.hidden.visible'); 
     vis.animate({ 
      "left": "-500px" 
     }, "slow").removeClass('visible'); 
     hidden.animate({ 
      "left": "0px" 
     }, "slow").addClass('visible'); 
    }); 
});