Jsf 素数消失

我正在PrimeFaces5.1和JSF2.0中开发一个移动应用程序

单击菜单按钮时，如果页面和页面的其余部分必须淡出，则必须出现侧菜单栏并填充50%

我试着用

<p:button id="showme" value="Show Me" onclick="return false">
   <p:effect type="fade" event="click" for="myPanel"/>
        <h:panelGroup layout="block" id="myPanel" style="display:none">
            page content
        </h:panelGroup>
</p:button>

页面内容

为什么不创建一个模式对话框，在其中可以定义位置、高度、宽度和大小（假）属性

---

然后菜单必须出现在侧栏中。比如facebook。我做了个侧杆。我只想在菜单栏出现时淡出当前内容