小编NoN*_*e84的帖子

Javascript slideUp / slideDown /一键式

我无法解决问题。我有2个按钮,一个用于slideUp,另一个用于slideDown。我想做的是让一个按钮切换而不是2。

谢谢。

我在html中有以下代码:

<div id = "box">Show / Hide</div>
  <button onclick="slideUp('box');">Slide Up</button>
  <button onclick="slideDown('box');">Slide Down</button>
Run Code Online (Sandbox Code Playgroud)

我在css中有此代码:

body{
  background:grey;
}

#box{
  width:400px;
  height:400px;
  background:orange;
  margin:0 auto;
  margin-top:3%;
  overflow:hidden;
}
Run Code Online (Sandbox Code Playgroud)

和我的JavaScript代码是这样的:

function slideUp(el) {
  var elem = document.getElementById(el);
  elem.style.transition = "all 2s ease-in-out";
  elem.style.height = "0px";
}
function slideDown(el) {
  var elem = document.getElementById(el);
  elem.style.transition = "all 2s ease-in-out";
  elem.style.height = "400px";
}
Run Code Online (Sandbox Code Playgroud)

javascript

3
推荐指数
1
解决办法
1万
查看次数

Bootstrap 菜单列表项下拉而不是按钮

我在使用引导程序的导航栏时遇到困难。我想使用引导程序创建一个下拉菜单列表。问题是该链接位于导航栏上。我知道引导程序有下拉菜单,但它用于按钮,在这种情况下是不合适的。我怎样才能在我的引导导航栏中有一个下拉菜单?例如,假设我有 5 个页面,并且我希望页面可见,当我单击以在其他 4 个页面下方显示时?我想使用 bootstrap 在导航栏中使用 ul 创建一个导航下拉菜单

谢谢

html css navigation twitter-bootstrap twitter-bootstrap-3

0
推荐指数
1
解决办法
2万
查看次数