jquery

Hallo,

ik ben bezig met iets in jquery alleen ik wil als je op een andere radio button klikt dat de andere fadeout gaat heb nu dit:

<!DOCTYPE html>
<html>
<head>
  <style>
    span { color:black; cursor:pointer; }
    div { margin:3px; width:80px; display:none;
      height:80px; float:left; }
     div1 { margin:3px; width:80px; display:none;
      height:80px; float:left; }
      
    </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <span><input type="radio" name="div" value="Milk"> Milk<br></span>
   <span><input type="radio" name="div1" value="Milk1"> Milk1<br></span>
    <div id="div">hier de handmatig bestelformulier</div>
    <div id="div1">aanbevolen door ons</div>
<script>
      $(document.body).click(function () {
        $("div:hidden:first").fadeIn("slow");
         $("div:hidden:first").fadeOut(1600, complete);
      });
    </script>

</body>
</html>

alleen wil die dus niet weten jullie misschien een idee ?>

$(".div hidden first").fadeIn("slow");
$(".div hidden first").fadeOut(1600, complete);

Probeer dat eens?

dan krijg ik dit:

Spoiler tonen

http://zubein.webuda.com/check.php

$(".div hidden first").fadeIn("slow");
$(".div hidden first").fadeOut(1600);

En dan nog alle 2 een andere class mee geven..

Of je doet

$(".div hidden first").fadeOut(1600);
$(this).fadeIn("slow");

werkt nog steeds niet

ik zie .div hidden first ook nergens in de css staan?!

nee maar heb het in de tut gelezen dat het zo moest bij fadein werkt het wel maar bij fadeout niet

Als je die class nergens hebt gaat het niet werken eh?

Jesse je doet het fout jongeh
$(".div hidden first").fadeIn("slow");
moet zijn
$("div:hidden:first").fadeIn("slow");

@ Superb

hij verdwijnt nu alleen ik wil als je op andere radio button klikt dat die tekst verdwijnt en komt er weer een nieuwe tekst te voor schijn:

<!DOCTYPE html>
<html>
<head>
  <style>
    span { color:black; cursor:pointer; }
    div { margin:3px; width:80px; display:none;
      height:80px; float:left; }
     div1 { margin:3px; width:80px; display:none;
      height:80px; float:left; }
      
    </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <span><input type="radio" name="div" value="Milk"> Milk<br></span>
   <span><input type="radio" name="div1" value="Milk1"> Milk1<br></span>
    <div id="div">hier de handmatig bestelformulier</div>
    <div id="div1">aanbevolen door ons</div>
<script>
      $(document.body).click(function () {
        $("div:hidden:first").fadeIn("slow");
         $("div:hidden:first").fadeOut("slow");
         $(this).fadeOut("slow");
      });
    </script>

</body>
</html>

@

Spoiler tonen

http://zubein.webuda.com/check.php

http://www.basmilius.com/demos/propje/

Kijk maar in de source

@probje, die van jou verdwijnt helemaal

@ superb

bedankt alleen moet nog kijken wrrm die de plaatjes niet weer geeft van de class div