ChikiBOBONI

нашел кое что

<input href="#div1" id="" class="link">
  <input href="#div2" class="link">
  <input href="#div3" class="link">
  <input href="#div4" class="link">
  <div class="bar" id="div1">asdasdasdasd</div>
  <div class="bar" id="div2">asdasdasd</div>
  <div class="bar" id="div3">asdasdasd</div>
  <div class="bar" id="div4">asdasdasdad</div>

$(function() {
    $('.link').on('click', function(e) {
        e.preventDefault();
        $('.bar').each(function() {
            $(this).css('display', 'none');
        });
        var block = $(this).attr('href');
        $(block).css('display', 'block');
    });
});

только как теперь сделать что бы блоки скрывались на нажатие на любом месте, а не только по нажатию на input ?