gpt4 book ai didi

javascript - 一次单击切换 2 个 div

转载 作者:行者123 更新时间:2023-11-30 12:37:52 24 4
gpt4 key购买 nike

我有 2 个 div,我需要用一个按钮切换它们,第一个向上滑动,第二个向下滑动。

HTML 达斯达斯达斯达斯

<button>Toggle 'em</button>

JQuery

$( "button" ).click(function() {
$( "#nav" ).slideUp();
});

谁能帮帮我?

JSFIDDLE

最佳答案

您可以使用 class 而不是 id 并使用 display:none; 隐藏一个 div/p>

html:

<div class="nav" style="background:black; width:100%; height:95px">dasdasdasdasd</div>
<div class="nav" style="background:gray; height:200px;display:none;"></div>

<button>Toggle 'em</button>

j查询

$( "button" ).click(function() {
$( ".nav" ).toggle( "slow" );
});

Demo

关于javascript - 一次单击切换 2 个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25486097/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com