Question

我试图设置一个切换，当一个div切换到可见时，另一个将切换到隐藏状态。点击＆＃34;触发一个＆＃34;切换div＆＃34; one＆＃34;并点击＆＃34;触发两个＆＃34;切换div＆＃34; two＆＃34;。我基本上都在寻找一种方法来确保一次只能看到一个div（div one和div 2都不应该是可见的，尽管两者都可以隐藏）。

我假设某种if语句，但我的javascript不是很好！任何帮助将不胜感激。

HTML：

<a id="trigger-one" href="#">Trigger one</a>
<a id="trigger-two" href="#">Trigger two</a>

<div class="one">Here's one</div>
<div class="two">Here's two</div>

jQuery的：

$( document ).ready(function() {
    $( "#trigger-one" ).click(function() {
      $( ".one" ).fadeToggle( "125", "swing" );
      return false;
    });
});     

$( document ).ready(function() {
    $( "#trigger-two" ).click(function() {
      $( ".two" ).fadeToggle( "125", "swing" );
      return false;
    });
});

Answer 1

这是一种方式：

$("a").click(function () {
    $('div').eq($(this).index()).fadeToggle("125", "swing");
    $('div:not(":eq('+$(this).index()+')")').fadeOut()
});

jsFiddle example

jQuery淡出切换多个div

1 个答案: