小编典典

替换Div内容onclick

css

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

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


阅读 438

收藏
2020-05-16

共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();
    }
});
2020-05-16