默認情況下第一個切換打開

因此，我的頁面上有一個切換塊，現在我需要在同一頁面上添加另一個切換塊，但默認情況下第一個切換爲活動/打開。我一直在JS的周圍工作，但目前爲止沒有運氣，所以我需要你寶貴的幫助才能使這個工作。謝謝！默認情況下第一個切換打開

的Javascript

jQuery(window).load(function(){ 

    $('.toggle-view li').click(function() { 

     var text = $(this).children('div.toggle-content'); 

     if (text.is(':hidden')) { 
      text.slideDown('200'); 
      $(this).children('span').html('<i class="icon-minus"></i>');  
     } else { 
      text.slideUp('200'); 
      $(this).children('span').html('<i class="icon-plus"></i>');  
     } 

     $(this).toggleClass('activetoggle'); 

    }); 
});

來源

2013-10-26 Tiago

我喜歡說_block of tedggles_所以我會盡力幫忙。 – struthersneil

哈哈。謝謝;） – Tiago

http://codepen.io/anon/pen/IrobD這是你需要什麼？ – struthersneil

你可以像做：

$('.added_class_on_second li').eq(0).children('.toggle-content').show();

只需添加另一個不同的類，以第二，或者目標是：

$('.toggle-view').eq(1).children('li').eq(0).children('.toggle-content').show();

如果你不想改變html的話。

http://codepen.io/anon/pen/CDdlH

來源

2013-10-26 21:48:16 FiLeVeR10

感謝這個工程，但我想與同一頁中的其他塊切換。 – Tiago

他們都在這種情況下工作......但如果你不想添加一個班級，那麼第二行就完全符合你的需要......更新筆以顯示你。 http://codepen.io/anon/pen/CDdlH – FiLeVeR10

幾乎在那裏;）但是有一個小問題 - 只有非開源默認塊在同一個頁面中時，默認開源塊纔有效。希望我說的話有道理。乾杯！ – Tiago

如果您需要首節以打開頁面加載時，你可以簡單地調用click()上$('.toggle-view li').first()。但是，如果您在點擊時發生其他操作，並且它會執行動畫，則可能會產生不希望的副作用，因此請考慮創建一個功能open，該功能除了打開指定的部分並在文檔加載時調用該功能。

來源

2013-10-26 21:49:33 struthersneil

默認情況下第一個切換打開

回答

相關問題