📜  Semantic-UI 显示隐藏内容

📅  最后修改于: 2022-05-13 01:56:15.104000             🧑  作者: Mango

Semantic-UI 显示隐藏内容

Semantic U I 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。在本文中,我们将了解“显示隐藏内容”。

它配备了预构建的语义组件,可帮助使用用户友好的 HTML 创建响应式布局,并使用预定义的 CSS 和 jQuery 来整合不同的框架。

显示在激活时会显示附加内容来代替先前的内容,当它处于隐藏内容中时,它可能包含在用户交互之前隐藏的内容。

句法:

使用的类:

  • 隐藏内容:此类用于使隐藏内容可见。

下面的示例说明了 Semantic-UI Reveal Hidden Content:

示例 1:

HTML


  

    
        Semantic-UI Reveal Hidden Content
    
    

  

    
        

            GeeksforGeeks

         Semantic-UI         

            Reveal Hidden Content         

    
       
                      
  


HTML


  

    
        Semantic-UI Reveal Hidden Content
    
  
    

  

    
        

GeeksforGeeks

         Semantic-UI         

            Reveal Hidden Content         

    
       
             
  


输出:

示例 2:

HTML



  

    
        Semantic-UI Reveal Hidden Content
    
  
    

  

    
        

GeeksforGeeks

         Semantic-UI         

            Reveal Hidden Content         

    
       
             
  

输出:

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