mdui实现Collapse折叠面板效果代码
代码语言：html
所属分类：选项卡
代码描述：mdui实现Collapse折叠面板效果代码
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Collapse - 通过 JavaScript 调用</title>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mdui.min.css">
</head>
<body style="padding-top: 20px;" class="mdui-loaded">
<div class="mdui-container">
<div class="mdui-row">
<div class="mdui-col-sm-9 mdui-m-b-3">
<div class="mdui-collapse" id="collapse">
<div class="mdui-collapse-item mdui-collapse-item-open" id="item-1">
<div class="mdui-collapse-item-header">
<p>First</p>
</div>
<div class="mdui-collapse-item-body" style="height: auto;">
<p>First content</p>
<p>First content</p>
<p>First content</p>
</div>
</div>
<div class="mdui-collapse-item" id="item-2">
<div class="mdui-collapse-item-header">
<p>Second</p>
</div>
<div class="mdui-collapse-item-body">
<p>Second content</p>
<p>Second content</p>
<p>Second content</p>
</div>
</div>
<div class="mdui-collapse-item" id="item-3">
<div class="mdui-collapse-item-header">
<p>Third</p>
</div>
<div class="mdui-collapse-item-body">
<p>Third content</p>
<p>Third content</p>
<p>Third content</p>
</div>
</div>
</div>
</div>
<div class="mdui-col-sm-3">
<button id="open-1" class="mdui-btn mdui-color-pink-accent mdui-btn-block mdui-m-b-1">open first</button>
<button id="open-2" class="mdui-btn mdui-color-pink-accent mdui-btn-block mdui-m-b-1">open second</button>
<button id="open-3" class="mdui-btn mdui-color-pink-accent mdui-btn-block mdui-m-b-3">open third</button>
<button id="close-1" class="mdui-btn mdui-color-pink-accent mdui-btn-block mdui-m-b-1">close first</button>
<button id="close-2" class="mdui-btn mdui-color-pink-accent mdui-btn-block mdui-m-b-1">close second</button>
<button id="close-3" class="mdui-btn mdui-color-pink-accent mdui-btn-block mdui-m-b-3">close third</button>
<button id=&.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0