📜  jQuery UI 标签可折叠选项

📅  最后修改于: 2021-10-29 04:05:24             🧑  作者: Mango

jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建UI 界面。 jQuery UI 标签小部件帮助我们将一些内容放在不同的标签中,并允许我们在它们之间切换。在本文中,我们将看到如何在 jQuery UI 滑块中使用可折叠选项。
可折叠
选项允许标签,以便在jQuery用户界面被取消。

句法:

$( ".selector" ).tabs(
   { collapsible : true}
);

参数:它不接受任何参数。

方法:首先,添加项目所需的 jQuery UI 脚本。

示例 1:

HTML


  

    
    
  
    
  
    
  
    

  

    

GeeksforGeeks

    

jQuery UI tabs collapsible option

       
        
                
  • Tab 1
  •             
  • Tab 2
  •             
  • Tab 3
  •         
           
            

                tab Number -1             

        
           
            

                tab Number -2             

        
           
            

                tab Number -3             

        
    
  


HTML


  

    
    
  
    
  
    
  
    

  

    

GeeksforGeeks

    

jQuery UI tabs collapsible option

       
        
                
  • Tab 1
  •             
  • Tab 2
  •             
  • Tab 3
  •         
           
            

                tab Number -1             

        
           
            

                tab Number -2             

        
           
            

                tab Number -3             

        
    
  


输出:

示例 2:

HTML



  

    
    
  
    
  
    
  
    

  

    

GeeksforGeeks

    

jQuery UI tabs collapsible option

       
        
                
  • Tab 1
  •             
  • Tab 2
  •             
  • Tab 3
  •         
           
            

                tab Number -1             

        
           
            

                tab Number -2             

        
           
            

                tab Number -3             

        
    
  

输出: