语义 UI 显示内容

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

Reveal 是 Semantic-UI 中的一项功能，当元素被激活时，可以显示附加内容而不是以前的内容。语义 UI 提供不同类型的显示，如淡入淡出、移动和旋转，以及不同类型的内容显示，包括可见内容、隐藏内容，以及不同的变体和状态。

在本文中，我们将学习 Semantic-UI Reveal Content，并通过代码示例学习如何实现它。

Semantic-UI Reveal Content：它包括 可见内容和隐藏内容

• 可见内容：即使在激活元素之前，附加内容也是可见的，当元素被激活时，它会显示以前的内容。

句法：

示例：此示例通过将类值从可见内容设置为隐藏内容来说明 Semantic-UI 中的显示内容。

输出：

• 隐藏内容：在元素被激活之前，附加内容将被隐藏，当元素被激活时，它会显示附加内容。

示例：此示例通过将类值从隐藏内容设置为可见内容来说明 Semantic-UI 中的显示内容。

HTML

 

    Semantic-UI Reveal Content
    
    
    
    
    

 

    
        GeeksforGeeks
        Semantic-UI Reveal Content
        
        
            
            
        
    

输出：

参考： https://semantic-ui.com/elements/reveal.html#content