Fade in, fade out efter klik?.

Hvis jeg har forstået dig korrekt, kan du gøre følgende..

 $('#opretmeddelelse').click(function() {
     $('#opretmeddelelse').fadeOut(800);
 });

Hvis du bruger Javascript til at tjekke felterne, kan du bruge flg., såfremt der er fejl til at vise #opretmeddelelse.

 $('#opretmeddelelse').fadeIn(800);

Hvis du bruger PHP til at tjekke felterne (du bør gøre begge dele, eller bruge PHP), kan du tilføje alle dine fejl til et array eller whatnot, og så tjekke om det array indeholder fejl. Såfremt arrayet har indhold, så fade #opretmeddelelse ind.


Husk i øvrig at kalde følgende, så meddelelsen ikke vises fra starten. (alternativt kan du bruge display:none; i CSS).

 $('#opretmeddelelse').hide();

Edit:
Så du ender med noget lign. dette:

 <?php
 $error = array();
 if ( !empty ( $_POST['firstname'] ) ) 
 {
     $error[] = 'firstname';
 }
 // etc... 
 ?>
 <script language="text/javascript">
     $('#opretmeddelelse').click(function() {
         $('#opretmeddelelse').fadeOut(800);
     });
 
     $('#opretmeddelelse').hide();
 </script>
 
 
 <?php if ( $error ) { ?>
 <script language="text/javascript">
     $('#opretmeddelelse').fadeIn(800);
 </script>
 
 <div id="opretmeddelelse">
     <p>Følgende felter har fejl....</p>
     <?php foreach ( $error as $errorField ) { ?>
         <?php echo $errorField; ?> <br />
     <?php } ?>
 </div>
 <?php } ?>

Din div vil først vises, såfremt der er fejl i nogle af dine felter. Det er ikke testet, og det kan give problemer, at vi beder gemme en div, som ikke eksisterer før der er fejl.

Eitherway, det burde være en pointer til hvilken retning du kunne tage.

ah jeg misforstod så.

du kan oprette et element inde i din #opretmeddelse og give det element klassen luk, der efter binde et click event til den.

 $("#opretmeddelse").on("click", ".luk", function(){
   $("#opretmeddelse").fadeOut(1800);
 });

Det nu mere under errors,

hvis der er fejl, så fremvis den kode jeg har sendt i tråden.

Men den skal ikke automatisk fadeout igen, men ved klik, så man ved den er læst og forstået med hvilke felter der manglede.

Måske noget ala:

 $(function(){
   
     var hideError = function(){
       $("input").off("focus", hideError);
       $('#opretmeddelse').fadeOut(1800);
     };
 
   $('#opretmeddelse').hide().fadeIn(1600, function(){
         $('#opretmeddelse').focus();
       $("input").on("focus", hideError);
   });
 
 });

Nej ikke helt.
Eller ved jeg ikke, der sker intet.

Skal være sådan at den i "fade ind, er et X eller lign, for at fadeout igen. Inde i <div id="updatedguestbook">???</div>

Som fader ind, men skal fade ud efter tilladelse.