弹出窗口中的手风琴,颜色框/模态 Bootstrap [英] Accordion inside popup, colorbox / modal Bootstrap
本文介绍了弹出窗口中的手风琴,颜色框/模态 Bootstrap的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在弹出窗口中实现手风琴.是否可以?我尝试用 colorbox 来做,但似乎不可行,所以我尝试使用 bootstrap modal,但似乎我很困惑.
<头><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Bootstrap 3.1.0 - 模态演示</title><link href="css/bootstrap.min.css" rel="样式表"><script src="js/jquery-1.8.3.min.js"></script><script src="https://code.jquery.com/jquery.js"></script><script src="js/bootstrap.min.js"></script><script type="text/javascript">$(document).ready(function() {$("#accordion").accordion({ autoHeight: true });});头部><身体><div class="容器"><h2 style="text-align: center;">Bootstrap 3.1.0 - 模态演示</h2><div class="row text-center"><h3>基本模态</h3><a href="#" class="btn btn-lg btn-success" data-toggle="modal" data-target="#basicModal">点击打开Modal</a>
<小时>
<div class="modalfade" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div id="手风琴">手风琴外的文字/内容<h3><a href="#">第 1 节</a></h3><div><p>第 1 节内</p>
<h3><a href="#">第 2 节</a></h3><div><p>第 2 部分内</p>