title: jQuery toggle slide out panel
body: <p><strong>I am using slide out panel</strong> that on default is set to display:none. If the trigger is clicked it will toggle the class to "active". That makes the trigger show a red x (for close) that comes from a sprite position.</p>
  
  <pre><code>$(document).ready(function(){
  $(".info-panel-left-trigger").click(function(){
   $("#info-panel-left").toggle(400);//switching between display and display:none
   $(this).toggleClass("active");
   return false;
  });
  </code></pre>
  
  <p>});
  So this is what I have but now comes what I want and maybe one of you got a clou how to achieve this.<br>I would like to create the option to have the panel either shown on default or hidden on default and the toggle should behave accordingly. This would mean that if I have chosen to show the panel on default that the toggle should be set to "active" in order to show the x sprite position. If I have chosen to hide the panel on default the toggle should be set to "not active" in order to show the + sprite position.<br><br>I hope I have made myself clear enough. <strong>HELP is appreciated very much.</strong><br><br><strong>EDIT</strong> You guys are right. Some more explanation is needed. I just wanted it to make as short as possible but here is some more...<br><br>I am creating a website template and the buyer of the template should be able to include those panels for information purposes. On default it should set up showing the panel and have set the trigger class to "active". This would show my little x for close.<br>But if the buyer of the template add the extra class "hide" to the panel markup the panel should be hidden on default and the trigger should not be set to active because in that case my trigger would show the little + for open this panel. Got my idea now?</p>