测试折叠代码-成功

教程来自  菜鸟教程        

Bootstrap 折叠(Collapse)插件


        一直想把课程中的代码也发布到博客中,奈何代码一段一段的都太长了。于是乎想到找一些折叠的 js 插件来把代码折一下,现在终于实现了,下一步就开始向博客中  代码库 分类下 疯狂的写入代码了。

<!--     nutton.data_target == div.id      -->
<a name="top"/>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo1">
	<a href="#demo1" >简单的可折叠组件1 </a>
</button>

<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo2">
	<a href="#demo2" >简单的可折叠组件2</a>
</button>

<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo3">
	<a href="#demo2" >简单的可折叠组件3</a>
</button>

<div id="demo1" class="collapse in"><a name="demo1" />
	11111111111111111111Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
	cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
	vice lomo.
</div>
<a href="#top">返回顶部</a>
<div id="demo2" class="collapse in"><a name="demo2" />
	22222222222222222222Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
	cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
	vice lomo.
</div>
<a href="#top">返回顶部</a>
<div id="demo3" class="collapse"><a name="demo3" />
	3333333333333333333333Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
	cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
	vice lomo.
</div>
<a href="#top">返回顶部</a>
collapse        隐藏内容。   
collapse in    显示内容。



    Nihil anim keffiyeh
/*
   项目名称:编写第一个java程序
   项目功能:打印hello world
   作    者:小马哥
   所 有 者:兄弟连
   备    注:不许有打盹的同学哦!!!!
   版    本:v1.0  
   其    他:java语言是一门纯面向对象的编程语言!
*/public class HelloWorld {
  
   public static void main(String[] args) {
       
       System.out.println("我就偏不打印Hello World!!!");
       System.out.println("困了的同学请站起来!!!");

   }}
helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.

    Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.


欢迎转载:海阔天空 » 测试折叠代码-成功

评论 沙了个发

换个身份

取消评论