title: JQuery UI Rotating Tabs & Events
body: <p>I'm working with JQuery UI (rotating tabs) and I'd like to know how to stop the cycling
  when an onclick event occurs on one of the navigation tabs. </p>
  
  <pre><code>$(document).ready(function(){
                  $("#sws_featured &gt; ul").tabs({fx:{opacity: "toggle"}})
                                         .tabs("rotate", 5000,true);
  });
  </code></pre>
  
  <p>I tried adding this code, right below (and also inside .ready) the code above
  but to no avail. I confirmed that this function below is receiving the onClick event however the rotating is not stopping.</p>
  
  <pre><code>$("#sws_featured &gt; ul a").click(function(){
  
              $("#sws_featured &gt; ul").tabs("rotate", 0, false);
  
    });
  </code></pre>
  
  <p>Must not be accessing the object correctly... Any ideas? </p>