jquery -this-ツールチップの表示と非表示

Question

3から4のボタンがあり、1番目のボタンをクリックするとポップオーバー-tooltipが開きます& 2番目のボタンをクリックするとツールチップが開きますが、1番目のボタンのツールチップは閉じていません。 次のボタンをクリックすると、ツールチップのポップオーバーを閉じる必要があります。

$(document).ready(function() { 
    $('.btn).click(function() { 
     $(this).find('.popover).show(); 
    }); 
}); 

Answer 1

jQuery siblings()をチェックしてください。右のあなたの $(this).find('.popover').show();

後に仕事をする必要があります ​​

よう

何か。

また ('.popover)のようなタイプミスをチェックするにはあなたが目標と1を表示する前に、すべてのpopoverの要素を非表示にする必要があり('.popover')

簡単な例 https://jsfiddle.net/ex3ntia/6hj7p94g/

Answer 2

する必要があり、これを試してみてください。

$(document).ready(function() { 
    $('.btn').click(function() { 
     //Hide All 
     $('.btn .popover').hide(); 
     //Show Target 
     $(this).find('.popover').show(); 
    }); 
}); 

---

_{注::あなたのセレクタにいくつかの近くに'要素が欠けているデバッグヘルプ（**「なぜ、このコードが動作しない？」**）を探している}