別のトグルでdivを非表示にするにはどうすればいいですか？

Question

私は別のdivをクリックして切り替えると、新しいdivが表示されたときにイメージを含むdivを非表示にするdiv内のイメージを持っています。 abreInfo（）だけを使うと動作しますが、コンテナdivも隠したいと思っています。どうしたらいいですか？ abreInfoインサイド

function abreInfo(event, id){ 
      event.preventDefault(); 
      $("#"+id).toggle("slow"); 
     } 

function fechardiv(div){   document.getElementById(div).style.display="none"; 
} 

http://codepen.io/Ryuh/pen/BzaNLL

Answer 1

（）$(event.currentTarget).closest('div').hide()を追加します。

.closest()は、セレクタに一致する最初の祖先を取得します。コンテナにクラスがあることを確認して、正しい要素に当たったことを確認します。

function abreInfo(event, id) { 
    event.preventDefault(); 
    $("#"+id).toggle("slow"); 
    $(event.currentTarget).closest('div').hide("slow"); 
} 

Answer 2

あなたはちょうどこのような、より簡単にjQueryを使ってそれを行うことができます：ここhttps://jsfiddle.net/yLhq7ga6/

Answer 3

$('#container').on('click', function() { 
    $(this).hide(); 
    $('#id').show(); 
}); 

完全なコードabreInfo()機能の必要はありません。画像を隠した後に次のdivを表示したいだけの場合。このようなあなたの機能を使いましょう。またonclicklike this

function fechardiv(div){   
    $("#"+div).hide(); 
    $("#"+div).next().fadeIn(); 
}