Semantic-UI 菜单活动状态

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

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

语义 UI 菜单活动状态指定该项目已单击并处于活动状态。与其他按钮或链接相比，该按钮以较暗的对比出现。

语义 UI 菜单活动状态类：

• active：将此类添加到项目中，项目变为活动状态。

语法：将活动类添加到项目中，如下所示：

     Machine Learning

示例：在以下示例中，如果用户单击任何链接，则该项目变为活动状态，如果再次单击，则该项目变为非活动状态。

HTML

  

    
    

  

    
        
            
                GeeksforGeeks
            
            Semantic UI Menu Active State
            
            
        
  
        
            
                GeeksforGeeks
            
            
                Data Structures
            
            
                Algorithms
            
            
                Machine Learning
            
        
    
    
        $('.item').click(function() {
            $(this).toggleClass('active')
        })
    

  

输出：

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