我試圖改變一個div內容到另一個,反之亦然當按鈕被點擊。我還想在內容區域中爲單獨的div添加一些動畫。我想要它在兩個div之間切換。對於intsance,在按btn1時顯示section1的產品,按btn2時顯示section2的產品。JQuery .replaceWith()或.html()
HTML
<button id="btn1" type="button" class="btn">btn1</button>
<button id="btn2" type="button" class="btn">btn2</button>
<div id="section1">
<!-- content goes here -->
</div>
<div id="section2">
<!-- content goes here -->
</div>
JQUERY
$(document).ready(function() {
var section1 = $('#section1')
var section2 = $('#section2')
$('#btn1').click(function() {
$('#section1').html($('#section2').html());
});
$('#btn2').click(function() {
$('#section2').html($('#section1').html());
});
});
任何幫助將不勝感激! :)
真棒!這工作。謝謝!我早些時候嘗試過,但似乎無法使其工作。你將如何實現淡入?我正在考慮讓該div內的其他div在一段時間內褪色。 – ColeGauthier
我還提到它更好的性能原因和註冊的DOM事件。隱藏然後顯示的元素可以保留它的DOM事件(點擊,鼠標等)。 –
看看[this](http://api.jqueryui.com/fade-effect/)。它可以像$('#section1')那樣簡單。show('fade');'。 – BobRodes