JSF：检查元素是否可见。如果没有，请更改/添加CSS styleClass

Question

我有以下示例代码：

<h:panelGroup id="element-before">Element Before</h:panelGroup>

**<h:panelGroup id="EXAMPLE-DIV" layout="block" styleClass="form-group">
   <p:outputLabel value="this is an example"/>                 
</h:panelGroup>**

<h:panelGroup id="element-after">Element After</h:panelGroup>

根据具体情况，在视口中不会向用户显示此块元素在中间，但通过执行此操作，它会将呈现的HTML元素保留在源，是什么让我在其他两个元素之间留下了空白。

我想知道是否有检查该元素是否正在显示的方法，如果不是，我会添加一些带有 display：none 属性的css类。< / p>

我想到了以下内容：

<h:panelGroup styleClass="#{component.isShowing() ? '':'hide-form-group'}" form-control">
</h:panelGroup>

.hide-form-group 包含 display：none 属性，从而消除了我的空白。

感谢有关此事的任何想法。