使用JSF扩展面板的最佳方式是什么？

Question

我想扩展我的面板，它在某些情况下工作正常(F.E.我的bean中的变量的值)。

代码如下：

<button data-toggle="collapse" data-target="#demo">collapse</button>

<div class="panel-body collapse" id="demo">
my text
</div>

我知道要扩展并保持扩展，我应该使用"in“，比如

<button data-toggle="collapse" data-target="#demo">collapse</button>

<div class="panel-body collapse in" id="demo">
my text
</div>

我如何通过JSF中的代码来管理它？

我做了一些类似的事情，它起作用了：

<div class="panel-body collapse #{Bean.toExpand}" id="demo">
my text
</div>

其中#{Bean.toExpand}将包含值"“或" in”，以便在渲染期间进行设置。

你认为这是一个好方法吗？还能改进吗？

Answer 1

我的同事建议在javascript中使用JQUERY进行管理，而不是从JSF代码中进行管理，并如下所示

<h:outputScript>    

        function postscript() {

            if(${not empty Bean.list}){
                $('#demo').addClass("collapse");                    
            }else{
                $('#demo').removeClass("collapse");
            }
        }
        window.onload = postscript;

    </h:outputScript>