javascript，div按鈕（如果有）

Question

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

我不是程序員，但是以某種方式設法使div按鈕在單擊時打開另一個div，但是我無法管理該方法，因此當我單擊一個打開div的按鈕，然后單擊另一個按鈕時，它會打開div並隱藏前一個分區 我想稍后將其集成到joomla模板中，但是當我使用jquery時，如果不進行任何嘗試，也許有人很聰明，那么我。 提前致謝。 我也在這里擺弄小提琴。 我的按鈕的小提琴例子

關於一些有用的答案，我重新編輯了代碼並簡化了代碼並添加了第三個按鈕，現在有了額外的CSS類，一切看起來都不錯，但是當我單擊已經打開的div時，它似乎重新出現了。

編輯小提琴

 $(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') 。 嘗試這個：

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

工作實例

Answer 2

將ID更改為班級

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

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

Answer 3

這是解決您問題的有效解決方案：像這樣更改您的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

Answer 4

您可以編寫一個關閉打開的功能！ 而不是在切換其他功能之前先在點擊功能中調用它們。