bootstrap4-Collapse 折叠 酷炫特效

       一· 引用文件：CSS:  bootstrap.min

                      js: 1. jquery-3.2.1.min

                           2. bootstrap.min

 

       简介：1.Collapse 类用于指定一个折叠元素 (实例中的

); 点击按钮后会在隐藏与显示之间切换。

        2.控制内容的隐藏与显示，需要在 或 元素上添加 data-toggle="collapse" 属性。

          3.data-target="#id" 属性是对应折叠的内容 (

)
        注意: 元素上你可以使用 href 属性来代替 data-target 属性。

     二· 运用Bootstarp搭建框架

      目标完成效果图：

    
    
    
    
    



    

        
Collapse
        

            
                Link 和 href
            
            
                Button 和 data-target
            
        
        

            

                
人之有好也，学而顺之；人之有恶也，避而讳之，故阴道而阳取之也。
如果对方有某种嗜好，就要仿效以迎合他的兴趣；如果对方厌恶什么，就要加以避讳以免引起反感。所以要进行隐密谋划而公开的进行获取。
            
        
        
多个目标
        

            切换第一个元素
            切换第二个元素
            切换两个元素
        
        

            

                

                    

                        
故知之始己，自知而后知人也。
所以要想掌握情况，要先从自己开始，只有了解自己，然后才能了解别人。
                    
                
            
            

                

                    

                        
貌者不美，又不恶，故至情托焉。
无论遇到什么事情，既不喜形于色，也不怒目相待的人，是让人感觉深沉的人，是一个值得信赖的人，是可以托之以机密大事的。
                    
                
            
        
    
    

      这样就全部完成了，    想要了解更多的私信 

 

                                                                                                               新手上路 多多支持❤