jQueryをクリックすると切り替わります

Question

私は一連のスパン（トグラー）と一連のdiv（はをトグルしています）を持っています。私はtogglerとその対応するtoggled引数を受け取るmake_toggle関数を作成しました。

「クリックアウトする」トグルを実装しようとすると、すべてがうまく機能しているようです。私が試みたのは、クリックのターゲットがトグルされた要素内に含まれているかどうかをチェックする関数をHTMLのclickイベントにアタッチすることです。 「戻る」を切り替えると、ハンドラが切り離され、必要なときだけチェックします。

var check_if_clickingout = function(e) { 
    if (!toggled[0].contains(e.target)) { 
    toggle(); 
    } 
}; 

フィドルを参照してください：それももはや動作するようには思えないhttps://jsfiddle.net/andinse/65o211nc/11/

をそれがために使用されるとき、私が求めるここに来る理由だった（必要なよりも多くの時間をトリガました助けて）。

私は間違っていますか？私が一連の独立したDOM要素に機能を提供しているこの種の状況を考える最も効果的な方法は何ですか？

Answer 1

これをここに置くだけで、これは同じことをするようです。

$("span").click(function() { 
    $(this).siblings("div").toggleClass("blue"); 
}); 

は、たぶん私は、私はあなたの例では見ていないですがより何かが欠けています。

もっと見る：http://api.jquery.com/toggleclass/