仅显示组件时，执行效果

Question

我有一个面板，我想对它执行隐藏效果，如果它只显示，如果它是隐藏的，效果应该不起作用

 <h:outputLink id="open_link" value="#" styleClass="underline">
            Click To Open   
<p:effect for="blank_panel" type="blind" event="click" speed="2000">
        <f:param name="mode" value="'hide'" />
</p:effect>
<p:effect type="blind" event="click" for="display_tabs" delay="1000">
    <f:param name="mode" value="'show'" />
</p:effect>
</h:outputLink>
    <h:panelGroup id="blank_panel" layout="block">
    </h:panelGroup>

我想当点击链接第二次(blank_panel隐藏在这种情况下)没有执行blank_panel的效果

     <!-- executed only if the blank_panel is shown -->
     <p:effect for="blank_panel" type="blind" event="click" speed="2000">
        <f:param name="mode" value="'hide'" />
</p:effect>

Answer 1

INMO你真的最好使用jQuery效果，但是…

既然你想使用p:效应的启动面，我认为你应该玩两个<h:outputLink与他们的可见性，按下一个应该隐藏它，并显示第二个<h:outputLink，反之亦然…

 <h:outputLink id="open_link" 
    onclick="$('#open_link').hide();$('#open_link2').show();" value="#" 
    styleClass="underline">
            Click To Open   
    <p:effect....
    <p:effect....
 </h:outputLink>

 <h:outputLink id="open_link2"
    onclick="$('#open_link2').hide();$('#open_link').show();" value="#" 
    styleClass="underline">
            Click To Open   
    <p:effect...
 </h:outputLink>

不确定id…(如果你没有使用prependId="false"等…)