✔ jQuery Script "ausgeführt" starten

[k4ccw]

Hallo Community,
habe probiert mir selbst ein kleines jQuery Script zu basteln, welches beim anklicken einer Grafik ein Div ausfährt (darin sind dann z.B. Quicklinks usw welche nicht dauernd Platz auf der Seite einnehmen sollen).
Ist sicher nicht perfekt gelöst aber funktioniert soweit ;-).
Ein letztes Problem kriege ich leider bisher nicht aus der Welt geschafft.
Das Div ist immer ausgeklappt sobald man die Seite läd oder aktualisiert. Ich möchte jedoch, dass das Div eingeklappt ist (also nur der Ausklapp Button sichtbar ist und nicht das Div mit dem Content).
Habe google schon bemüht aber auch nach etlichen Threads keine Lösung gefunden.
Hoffe hier kann mir jemand einen Tipp geben.

Mein jQuery Code sieht folgendermaßen aus:

 <script type="text/javascript">
 <!--
  jQuery(document).ready(function() {
    $("a#ToogleSidebar").click().toggle(function() {
      $('#right').animate({
        width: 'hide',
        opacity: 'hide'
      }, 'fast');
      $('#toggle').animate({
        left: '+=171'
      }, 'fast');    
    }, function() {
      $('#right').animate({
        width: 'show',
        opacity: 'show'
      }, 'fast');
      $('#toggle').animate({
        left: '-=171'
      }, 'fast');
    });
  });
  -->
  </script>

HTML:

    <div id="slideout">
        <div id="toggle">
          <a href="#" id="ToogleSidebar" title="ein-/ausblenden"><img src="fileadmin/shared/bilder/pullout.png" width="14" height="132" /></a>
        </div>
        <div id="right">
 CONTENT
        </div>
    </div>

Vielen Dank schon einmal für eventuelle Antworten,
k4ccw

 

[THEJS]

hey!

ähm... einfach das ganze einmal aufrufen?

<script type="text/javascript">
  jQuery(document).ready(function() {
    $("a#ToogleSidebar").click().toggle(hideit, showit);
  });

   function hideit() {
      $('#right').animate({
        width: 'hide',
        opacity: 'hide'
      }, 'fast');
      $('#toggle').animate({
        left: '+=171'
      }, 'fast');    
    }

    function showit() {
      $('#right').animate({
        width: 'show',
        opacity: 'show'
      }, 'fast');
      $('#toggle').animate({
        left: '-=171'
      }, 'fast');
    });

    hideit();
</script>

so ****?

greez
THEJS

 

[k4ccw]

omg.. ok das war wirklich einfach.. bin wohl irgendwo aufm Schlauch gestanden. Besten Dank !