我的代码为https://jsfiddle.net/23h4jrde/2/,可让您在单击按钮时替换div内容.我认为以前的内容尚未完全替换,因为当新内容显示时,它将向下推至底部.
$('.ctabtn').on('click',function(){
$(".information").hide();
$(".ctabtn").hide();
$('.hosted-cities').show();
});
最佳答案
我不确定你在追求什么.但是,如果您希望删除隐藏的元素,则可以尝试这样的操作.
原文链接：/css/530692.html <div ID="wrapper"> //add a wrapper
<span class="information">
<p class="card__text"> 2020 Winter Whiskey Tasting Festival </p>
<p class="card__text2"> Sat,January 25,2020 </p>
<p class="card__text3"> 4:00 PM – 6:00 PM CST </p>
</span>
<div class="card__btn ctabtn">JOIN US</div>
</div>
<div class="hosted-cities">
<p class="card__text"> Choose your City </p>
<button class="card__btn" id="" type="button">Dallas</button>
<button class="card__btn" id="" type="button">Denver</button>
</div>
jQuery的：
$('.ctabtn').on('click',function(){
$('.hosted-cities').show();
$('#wrapper').remove(); //removes the div
});
编辑Fiddle
