如何選擇活動幻燈片？（通過if條件）

我有2-3個div標籤，每個標籤有不同的內容。並有下一個按鈕來淡出當前div並淡入下一個。如何選擇活動幻燈片？（通過if條件）

以下是我想要做的，但它不完整，可能是錯誤的。

$(".slide2").hide(); 
     var active = $(".slide1").hide(); 

     $('.next').click(function(){ 
      if(active == true){ 
       $('.slide2').fadeIn(1000) 
      } 
      else{ 
       $('.slide1').fadeIn(1000) 
      } 
     });

那麼有什麼方法可以淡出當前幻燈片並淡入其他幻燈片嗎？

來源

2014-01-31 Daniel

我沒有看到你的問題的任何CSS（CSS3也沒有）。你爲什麼把它標記爲這樣？ – Bergi

@Bergi Yh在我的代碼中沒有CSS，但我想也許CSS可以幫助解決這個問題。就像使用'display：none'的第一個答案一樣。 ;） – Daniel

你可以試試這個： HTML：

<div id="one" class="accordion">How</div> 
<div id="two" style="display:none" class="accordion">It's</div> 
<div id="three" style="display:none" class="accordion">Done</div> 
<input type="button" id="go" value="next">

的JavaScript：

$('#go').on('click',function(evt){ 
    var active = $('.accordion:visible'); 
    var nextElement = active.next(); 
    active.hide(); 
    if(nextElement.hasClass("accordion")){ 
     nextElement.fadeIn(1000); 
    }else{ 
     $('.accordion:first').fadeIn(1000); 
    } 
});

小提琴：http://jsfiddle.net/theinnkeeper/yDnBX/1/

來源

2014-01-31 00:58:59 tik27

如何選擇活動幻燈片？ （通過if條件）

回答

相關問題

如何選擇活動幻燈片？（通過if條件）