I am trying to write a VF page that does the following:

I have one page block ("pageblock1") with an "open" button. When i press this button, another page block appears ("pageblock2") with a "close" button. When pageblock2 appears, the "open" button in pageblock1 should be disabled. Then, when i press on the "close"in pageblock2, pageblock2 should disappear again, and the "open" button in pageblock1 should be enabled.

This is a code that produces such a behaviour:

** page **

<apex:page controller="test1">
    <apex:form >
        <apex:pageBlock title="Block1" id="Block1">
            <apex:outputLabel value="{!IsShown}"/>
            <apex:commandButton action="{!showBlock2}" value="open" disabled="{!IsShown}"/>
        </apex:pageBlock>
        <apex:pageBlock title="Block2" id="Block2" rendered="{!IsShown}">
            <apex:outputLabel value="{!IsShown}"/>
            <apex:commandButton action="{!closeBlock2}" value="close"/>
        </apex:pageBlock> 
    </apex:form>
</apex:page>

** controller **

public class test1
{
    public boolean IsShown{set;get;}
   
    public void showBlock2()
    {
        IsShown = true;
    }
   
    public void closeBlock2()
    {
        IsShown = false;
    }
}

However, I want to use ajax in this page, but this doesnt give me the desired result. I tried simply to add a rerender attribute to both commandButtons : <apex:commandButton ... rerender="Block1, Block2"/>. What happens is that Block1 is being rerendered (the button becomes disabled and the label changes its value) - but block2 does not appear. I guess it is because Block2 rendered attribute remains false, althogh the isShown property is true.

Any suggestions?

Thanks, Alon