Javascript Hilfe! (Mootool script anpassen)

[Bene_Be]

Moin,
ich bin nicht besonders fit in Javascript und brauche ein Script um Kommentare ein und wieder auszufahren.
Also einen Link. Ich habe von Mootools schon ein Script das ganz gut passt. Das einzige Problem ist das wenn ich die Seite aufrufe, das Kommentarfeld schon ausgefahren ist. Ich würde es besser finden wenn das Kommentarfeld noch nicht ausgefahren ist und man auf den Button klicken muss um auf das Feld zu kommen.

Das Script könnte ich auch unter http://atyourspot.de/javascript.php angucken

Hier das Javascript! Ich fänd es auch cool wenn die Kommentare sich automatisch einfahren wenn man auf die Seite geht!

window.addEvent('domready', function() {

  var status = {
    'true': 'close',
    'false': 'open'
  };
 

  // -- vertical

  var myVerticalSlide = new Fx.Slide('vertical_slide');

  $('v_slidein').addEvent('click', function(event){
    event.stop();
    myVerticalSlide.slideIn();
    $('vertical_status').set('text', status[myVerticalSlide.close]);
  });

  $('v_slideout').addEvent('click', function(event){
    event.stop();
    myVerticalSlide.slideOut();
  });

  $('v_toggle').addEvent('click', function(event){
    event.stop();
    myVerticalSlide.toggle();
    $('vertical_status').set('text', status[myVerticalSlide.close]);
  });

  $('v_hide').addEvent('click', function(event){
    event.stop();
    myVerticalSlide.hide();
    $('vertical_status').set('text', status[myVerticalSlide.open]);
  });

  $('v_show').addEvent('click', function(event){
    event.stop();
    myVerticalSlide.show();
    $('vertical_status').set('text', status[myVerticalSlide.open]);
  });

  // When Vertical Slide ends its transition, we check for its status
  // note that complete will not affect 'hide' and 'show' methods
  myVerticalSlide.addEvent('complete', function() {
    $('vertical_status').set('text', status[myVerticalSlide.close]);
  });


  // -- horizontal
  var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});

  $('h_slidein').addEvent('click', function(event){
    event.stop();
    myHorizontalSlide.slideIn();
  });

  $('h_slideout').addEvent('click', function(event){
    event.stop();
    myHorizontalSlide.slideOut();
  });

  $('h_toggle').addEvent('click', function(event){
    event.stop();
    myHorizontalSlide.toggle();
  });

  $('h_hide').addEvent('click', function(event){
    event.stop();
    myHorizontalSlide.hide();
    $('horizontal_status').set('text', status[myHorizontalSlide.close]);
  });

  $('h_show').addEvent('click', function(event){
    event.stop();
    myHorizontalSlide.show();
    $('horizontal_status').set('text', status[myHorizontalSlide.close]);
  });

  // When Horizontal Slide ends its transition, we check for its status
  // note that complete will not affect 'hide' and 'show' methods
  myHorizontalSlide.addEvent('complete', function() {
    $('horizontal_status').set('text', status[myHorizontalSlide.close]);
  });
});

Hier der HTML Code:

<div class="marginbottom">
  <a id="v_slideout" href="#"></a>
  <a id="v_slidein" href="#"></a>
  <a id="v_toggle" href="#">Komentare</a>

</div>

Danke und Liebe Grüße :)

 

[Tronjer]

Wozu ein so langes Script, wenn alles, was es macht, das abwechselnde Öffnen und Schließen eines Containers ist? Dafür reicht eine einzige Zeile jQuery. Google mal nach slideToggle():

 

[Bene_Be]

Ok danke habe ich gemacht :)
Funktioniert auch aber wie bekomme ich das hin das das beim Aufrufen der Seite automatisch eingefahren ist? :)

 

[Tronjer]

Entweder du gibt dem HTML-Element, auf welchem der Clickhandler liegt, im CSS ein display: none, oder rufst auf ihm die Funktion hide() auf.