Hallo zusammen,

ich bin recht neu in Sachen jQuery und stehe gerade vor einem Problem.

Folgendes habe ich vor: Ich möchte einen div ausfaden lassen. Dieser soll entweder automatisch nach x Sekunden verschwinden oder manuell, wenn ich einen "Ausblenden"-Button anklicke.

Ich habe dazu folgenden Code:

Automatisches Ausblenden:

<script type="text/javascript"> 
    $(".hinweis").ready(function () {
  $(".hinweis").delay(20000).fadeOut(500, function () {
   $(".hinweis").remove();
  });
 });
</script>

Ausblenden per Klick auf Button

<script type="text/javascript"> 
$(".button").click(function () {
 $(".hinweis").fadeOut(500, function () {
 $(".hinweis").remove();
 });
  }); 

</script>

Beides einzeln funktioniert problemlos, aber ich kann beide Funktionen nicht kombinieren. Binde ich beide Funktionen ein, funktioniert nur das automatische ausfaden. Vielleicht liegt es daran, dass bereits Freitag ist, aber ich steh irgendwie auf dem Schlauch.

Hat jemand eine Idee?

Schöne Grüße,
Raisis

Kenne mich nicht gut mit JQ aus, könnte mir aber vorstellen, dass delay einen Eintrag in die Queue von dem Element einträgt und somit alle neuen Einträge hinten eingefügt werden. MMn. kannst du das mit (stop())

<script type="text/javascript"> 
$(".button").click(
  function ()
  {
    $(".hinweis").stop(true).fadeOut(500,
      function ()
      {
        $(".hinweis").remove();
      }
    );
  }
); 

</script>

lösen (nicht getestet).

Außerdem musst du alles in einem Ready-Block machen:

$(function()
  {
    //<< hier kommt der ganze Code rein
  }
);