javascript、elseボタン付きのdivボタン

Question

私はプログラマーではなく、何とかクリックすると別のdivを開くように管理されていますが、作成方法を管理していないので、divを開くボタンをクリックすると他のボタンをクリックするとdivを開き、前のdivを非表示にします。私はjoomlaのテンプレートに後でそれを統合したいと思いますが、もし私がjqueryとすべての努力をしていないのであれば、誰かが賢いかもしれません。前もって感謝します。私はここでもフィドルを演奏しています。 fiddle example of my buttons

私はコードを改訂し、それを簡略化して追加のCSSクラスを追加しました。すべてがかなり良いようですが、既に開いているdivをクリックすると、ループしているように見えます。

edited fiddle

$(document).ready(function() { 
$('#b1').click(function() { 
$('.bats').hide("slow"); 
$('#uch').toggle("slow"); 
}); 
$('#b2').click(function() { 
$('.bats').hide("slow"); 
$('#uch2').toggle("slow"); 
}); 
$('#b3').click(function() { 
$('.bats').hide("slow"); 
$('#uch3').toggle("slow"); 
}); 
}) 

Answer 1

あなたは、ボタンのクリックで他のuch要素にhide('slow')を呼び出すことができます。あなたは1がオープンしましれる閉じ関数を書くことができます

$('#b1').click(function() { 
    $('#uch').toggle("slow"); 
    $('#uch2').hide("slow"); 
}); 
$('#b2').click(function() { 
    $('#uch').hide("slow"); 
    $('#uch2').toggle("slow"); 
}); 

Working example

Answer 2

：これを試してみてください！他のものを切り替える前にあなたのクリックファンクションでそれらを呼び出すよりも。ここで

Answer 3

変更IDにクラス

$(document).ready(function() { 
    $('.b1').click(function() { 
    $('.uch').hide(); 
    $(this).find('.uch').toggle("slow"); 
    }); 
}); 

https://jsfiddle.net/u28f6yeL/5/

Answer 4

あなたの問題のための実用的なソリューションです：このようなあなたのjQueryのコードを変更 ：

$(document).ready(function() { 
    $('#b1').click(function() { 
    if($('#uch2').css('display') != 'none'){ 
      $('#uch2').toggle("slow"); 
}; 
    $('#uch').toggle("slow"); 
    }); 
    $('#b2').click(function() { 
    if($('#uch').css('display') != 'none'){ 
      $('#uch').toggle("slow"); 
}; 
    $('#uch2').toggle("slow"); 
    }); 



}); 

はここJSFiddle