title: hide show componant in adf
body: <p>I have 3 SelectOneChoice which are <strong>not</strong> to datacontrol, depending on the value of first SelectOneChoice the other 2 SelectOneChoice  should show and hide.
  I used manged bean and i used valueChangeListener for the first SelectOneChoice to hide and show the other 2 SelectOneChoice based on the selection, and partial in the other 2 SelectOneChoice but it did not work</p>
  
  <p>here is the first SelectOneChoice </p>
  
  <pre><code>&lt;af:selectOneChoice label="acnt type"  id="soc10"  valueChangeListener="#{backingBeanScope.JasperBean.hideShowAccounts}"
                autoSubmit="true" required="true" contentStyle="width:118px"&gt;
             &lt;af:selectItem label="Cultural Division Accounts" value="CA" id="si12"/&gt;
             &lt;af:selectItem label="Students Accounts" value="SA" id="si13"/&gt;
  &lt;/af:selectOneChoice&gt;
  </code></pre>
  
  <p>here are the other 2 SelectOneChoice </p>
  
  <pre><code> &lt;af:selectOneChoice label="bb"
      valueChangeListener="#{backingBeanScope.JasperBean.storeAccount}"
          id="soc11" autoSubmit="true" partialTriggers="soc10"&gt;
        &lt;af:selectItem label="Select Account" value="-1" id="si220"/&gt;
        &lt;f:selectItems value="#{backingBeanScope.JasperBean.accounts}" id="si1"/&gt;
   &lt;/af:selectOneChoice&gt;
  
   &lt;af:selectOneChoice label="aa"
               valueChangeListener="#{backingBeanScope.JasperBean.storeAccount}"
                  id="soc12" autoSubmit="true" 
     partialTriggers="soc10"
              rendered="#{backingBeanScope.JasperBean.saShown}"&gt;
         &lt;af:selectItem label="Select Account" value="-1" id="si221"/&gt;
         &lt;f:selectItems value="#{backingBeanScope.JasperBean.studentAccounts}"  id="si121"/&gt;
  &lt;/af:selectOneChoice&gt;
  </code></pre>
  
  <p>here is the managed bean code.</p>
  
  <pre><code>    public void hideShowAccounts(ValueChangeEvent valueChangeEvent) {
  
      if(valueChangeEvent.getNewValue().toString().equals("CA"))
      {            
  
          ddlCAaccounts.setRendered(true);
          ddlSAaccounts.setRendered(false);
      }
      else if(valueChangeEvent.getNewValue().toString().equals("SA"))
      {
  
          ddlCAaccounts.setRendered(false);
          ddlSAaccounts.setRendered(true);
      }
  
  }
  </code></pre>
  
  <p>if it can be done using javascript also tell me how, not necessary that is done in managed bean</p>