首页>>Jquery文字>>半透明的垂直Accordion特效(2019-08-07)

半透明的垂直Accordion特效

半透明的垂直Accordion特效
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="row">  
  2.                     <div class="col-md-offset-3 col-md-6">  
  3.                         <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">  
  4.                             <div class="panel panel-default">  
  5.                                 <div class="panel-heading" role="tab" id="headingOne">  
  6.                                     <h4 class="panel-title">  
  7.                                         <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">  
  8.                                             导航菜单  
  9.                                         </a>  
  10.                                     </h4>  
  11.                                 </div>  
  12.                                 <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">  
  13.                                     <div class="panel-body">  
  14.                                         <p>各种下拉菜单,导航,多级菜单,右侧展开,左侧展开</p>  
  15.                                     </div>  
  16.                                 </div>  
  17.                             </div>  
  18.   
  19.                             <div class="panel panel-default">  
  20.                                 <div class="panel-heading" role="tab" id="headingTwo">  
  21.                                     <h4 class="panel-title">  
  22.                                         <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">  
  23.                                             Tab标签  
  24.                                         </a>  
  25.                                     </h4>  
  26.                                 </div>  
  27.                                 <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">  
  28.                                     <div class="panel-body">  
  29.                                         <p>tab标签,选项卡,选卡,jquery选项卡,标签页,动态加载tab</p>  
  30.                                     </div>  
  31.                                 </div>  
  32.                             </div>  
  33.   
  34.                               
  35.                         </div>  
  36.                     </div>  
  37.                 </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_808.html