jQuery:隐藏div并在其位置显示另一个
作者:傻瓜老公想你_633 | 来源:互联网 | 2023-02-02 13:09
如何解决《jQuery:隐藏div并在其位置显示另一个》经验,为你挑选了1个好方法。
我知道之前已经问过这个问题,但我发现的所有其他答案对我来说太复杂了.当您单击按钮时,我需要一个部分消失,另一个部分显示在其位置.
我怎么能用jQuery做到这一点?
这是我的代码的大纲:
我需要做什么CSS和jQuery才能使这个工作?那么第二部分(.show)恰好出现在第一部分的位置?
1> apires..:
您需要将click
事件绑定到按钮,.show()
要显示的部分和.hide()
要隐藏的部分.
$('.btn').on('click', function() {
$('div-to-show').show();
$('div-to-hide').hide();
});
示例如下:
$('#btn').on('click', function() {
$('.hide').hide();
$('.show').show();
});
.hide {
display: block;
}
.show {
display: none;
}