替换Div内容onclick

Question

我对jQuery一无所知，但想实现一些非常重要的事情。

我想要一个按钮/链接来替换div内容，如果再次按下该按钮，它将把原始内容放回原处。

Answer 1

这是一种方法：

HTML：

<div id="1">
    My Content 1
</div>

<div id="2" style="display:none;">
    My Dynamic Content
</div>
<button id="btnClick">Click me!</button>

jQuery：

$('#btnClick').on('click',function(){
    if($('#1').css('display')!='none'){
    $('#2').html('Here is my dynamic content').show().siblings('div').hide();
    }else if($('#2').css('display')!='none'){
        $('#1').show().siblings('div').hide();
    }
});