jsf-2 - p:effect は h:outputLink では機能しません

Question

次のように、 h:outputLink内にp:effectがあります。

    <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 をアニメーションで表示したいのですが、どうすればいいですか?

アドバイスしてください、ありがとう。