Jsf 2 p：效应不'；t与h:outputLink一起工作

我有一个p:effect内部h:outputLink如下：

    <h:panelGrid id="closed_notebook" styleClass="book_wrapper"
    style="width:455px;margin-left: 400px;" columns="2"
    columnClasses="middle,cover">


    <h:panelGroup id="middle_closed" layout="block">

    </h:panelGroup>

    <h:panelGroup id="left_closed" layout="block">


        <h:outputLink value="javascript:void(0)">   
           <h:graphicImage value="/resources/images/book.png" />
           <p:effect for="closed_notebook"  type="clip" event="click" />                           
        </h:outputLink>




    </h:panelGroup>


</h:panelGrid>

我想当点击包含图像的链接时，所有的panelGrid都会消失，但它不工作，我没有得到任何动作

另外，我想在panelGrid消失后，用动画显示另一个隐藏的panelGrid，如何做到这一点

请告知，谢谢。

尝试使用

---

另一件重要的事情可能是在

中添加和
id
属性。问题是我没有为outputlink设置id，谢谢。
<h:outputLink id="someUniqeIdMightBeAMust" value="javascript:void(0)">  
    <p:effect for="closed_notebook"  type="clip" event="click">    
        <f:param name="mode" value="'hide'" />  
    </p:effect>
</h:outputLink>

<h:outputLink id="someUniqeIdMightBeAMust" value="javascript:void(0)">  
    <p:effect for="closed_notebook"  type="clip" event="click" speed="1000">    
        <f:param name="mode" value="'hide'" />  
    </p:effect>
    <p:effect for="middle_closed" type="clip" event="click" delay="1001">    
        <f:param name="mode" value="'show'" />  
    </p:effect>
</h:outputLink>