title: Trigger/Simulate Click Event Programmatically via ClientListerner
body: <p>I've managed to get the click event of the button working so far by following the documentation. What I'm struggling now with is to programmatically trigger the click event of ADF component.</p>
  
  <p>The source code is as follows:</p>
  
  <pre><code>&lt;af:showDetailItem id="pane1" text="Panel Label 1" disclosed="true"&gt;
      &lt;af:commandButton text="commandButton 1" id="cb1"&gt;
          &lt;af:clientListener method="showNext" type="action" /&gt;
      &lt;/af:commandButton&gt;
  &lt;/af:showDetailItem&gt;
  
  &lt;af:showDetailItem id="pane2" text="Panel Label 2"&gt;
      &lt;af:commandButton text="commandButton 2" id="cb2"&gt;
          &lt;af:clientListener method="showNext" type="action" /&gt;
      &lt;/af:commandButton&gt;
  &lt;/af:showDetailItem&gt;
  
  &lt;af:showDetailItem id="pane3" text="Panel Label 3"&gt;
      &lt;af:commandButton text="commandButton 3" id="cb3"&gt;
          &lt;af:clientListener method="showNext" type="action" /&gt;
      &lt;/af:commandButton&gt;
  &lt;/af:showDetailItem&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>function showNext(evt){        
     var src = evt.getSource();
     var showDetailItemNode = src.getParent(); // targets the showDetailItem tag     
     /* how do I trigger the click event of this node */
  }
  </code></pre>
  
  <p>So basically what I'm trying to achieve is that when button #cb1 is clicked, I want to simulate the click event of showDetailItem #pane1 and so on...</p>