Semantic-UI 菜单文本内容

语义用户界面 开源框架提供图标或字形，用于显示与使用 CSS 和 jQuery 的某些元素相关的图片，用于创建出色的用户界面。它是一个用于创建漂亮和响应式布局的开发框架。

语义 UI 菜单是一组显示不同导航操作的元素。我们可以导航到网站的不同页面。菜单可以是链接、搜索栏和下拉菜单的组合。

语义 UI 菜单文本内容用于将菜单内容格式化为简单文本。菜单周围的边框被删除。

语义 UI 菜单文本内容类：

• text ：将此类添加到菜单中，将被格式化为简单文本。

语法：将文本类添加到菜单中，如下所示：

    ...

示例：在以下示例中，我们有一个文本菜单和一个用于切换文本菜单的按钮。

HTML

    
    
    
     
    
    
    
       

  

    
      
        
            GeeksforGeeks  
        
         Semantic UI Menu Text Content 
        
        
        
          Toggle Text Menu
        
      
  
      
        
          GeeksforGeeks
        
        
          Data Structures
        
        
          Algorithms
        
        
          Machine Learning
        
       
    
    
      const toggleTextMenu = () => {
        $('.ui.menu').toggleClass('text')
      }
    

输出：

参考： https://semantic-ui.com/collections/menu.html#text