title: jQuery.styledSelect plugin - opening the select from another element in the dom
body: <p>I'm using this plugin - <a href="http://plugins.jquery.com/project/styledSelect" rel="nofollow">http://plugins.jquery.com/project/styledSelect</a> to style a Select box on my page.  Demo page here - <a href="http://liepins.org/files/jQuery.styledSelect-1.0/examples.html" rel="nofollow">http://liepins.org/files/jQuery.styledSelect-1.0/examples.html</a></p>
  
  <p>I've trying to figure out a way to open and close the select box from another element on the page, something like - </p>
  
  <pre><code>    $('#show-lists').styledSelect(); //apply the plugin on page load
  
      $("#another-button").toggle(
        function () {
           $('#show-lists').clickSelect() //open the dropdown
        },
        function () {
           $('#show-lists').closedSelect() //close it
        },
      );
  </code></pre>
  
  <p>The above code doesn't work, it's just there to illustrate. Any idea how I can access these methods externally? Or can anyone suggest an alternative?</p>
  
  <p>Thanks in advance.</p>