Hide/show input calendar for selectone radio using a4j support

Question

Hi,

On selecting radio button ive to hide/show the input calendar but the problem is entire page getting refreshed.

could any one help or suggest me with the code i can use it for input calendar to hide/show using a4j

<h:selectOneRadio id="radio1Id" value="#{bean.displayDate}"><f:selectItem itemLabel="Yes" itemValue="Yes" /><f:selectItem itemLabel="No" itemValue="No" /><a4j:support event="onclick" reRender="quater" /></h:selectOneRadio><a4j:outputPanel id="quater"><t:inputCalendar id="FromDate" rendered="#{bean.displayDate}" style="width: 100px;" monthYearRowClass="monthYearRowClass" renderAsPopup="true" forceId="true" size="12" popupDateFormat="MM/dd/yyyy" alt="Calendar" title="Calendar"     currentDayCellClass="currentDayCell" value="#{bean.fromDate}"/></a4j:outputPanel>

Thanks inadvance,

Krish