顯示和隱藏2個elemnts與jQuery

我試圖做兩件事情，我真的沒有線索如何做他們... 我有兩個因素，第一是顯示和第二不和我想推一個按鈕，第一個會消失，第二個會出現，這很簡單，這裏是我迷路的地方：顯示和隱藏2個elemnts與jQuery

我想在第二次推動第一個第二個元素將disapear然後重新出現的第一個，我只設法獲得了第一個div將重新出現，只有第二個會消失。

另一件事，當我按下按鈕時，值會改變，當我再次按下它會回頭，例如，而不是點擊我會按這裏，然後會回來（我真的想在我的網站爲改變這裏的點擊之間的IMG）是到目前爲止我的代碼
HTML

<div id="hebeng"></div> 
<div id="aboutheb">hello</div> 
<div id="abouteng">hello</div>

$(document).ready(function() { 
     $("#hebeng").click(function() { 
      $("#aboutheb").slideToggle('slow', function() { 
       $("#abouteng").slideToggle('slow'); 
      }); 
     }); 

    });

Fiddle

來源

2015-01-03 tom kenar

$("#hebeng").click(function() { 
     $("#aboutheb").slideToggle('slow'); 
     $("#abouteng").slideToggle('slow'); 
    });

Fiddle

來源

2015-01-03 10:25:03 xyz

應該給2個elemetns相同的類名：

<div id="hebeng"> 

</div> 
<div id="aboutheb" class="toggled">hello</div> 
<div id="abouteng" class="toggled">hello</div>

然後用這個jQuery代碼：

$("#hebeng").click(function() { 
    $(".toggled").slideToggle('slow'); 
});

Working example

來源

2015-01-03 10:28:03

感謝，這是更好，然後我的，但仍然不正是我想要的，熱ü寫它的第二個div是出現在第一個消失之前，我想第一個先消失然後第二個出現我該怎麼辦呢？ –

試試這個

$("#hebeng").on("click", function() { 
     $("#aboutheb, #abouteng").slideToggle('slow') 
    });

來源

2015-01-03 10:30:18

您好我編輯您的jsfiddle代碼來檢查文本「點擊我」，如果它的存在，將其改爲「按這裏」的切換，如果不行，就改回「點擊我」。這是很簡單的（可以更好地也許編碼），但它的工作原理：

$(document).ready(function() { 
    $('.change').text('click me'); 
    $("#hebeng").click(function() { 
     $("#aboutheb").slideToggle('slow', function() { 
     $("#abouteng").slideToggle('slow'); 
      if ($('.change:contains("click me")').length > 0) { 
       $('.change').text('press here'); 
      } else { 
       $('.change').text('click me'); 
      } 
     }); 
    }); 
});

來源

2015-01-03 10:36:56

顯示和隱藏2個elemnts與jQuery

回答

相關問題