patrici: beim zweiten klick die funktion rückgängig machen

Beitrag lesen

SELF-Forum

beim zweiten klick die funktion rückgängig machen

patrici
– Informationen zu den Bewertungsregeln

Hallo das ist das erste mal das ich mit javascript arbeite....

Ich habe das problem das die "testdiv" box beim 2ten klicken auf "#k" wider in die standart position zurück soll. Wie mach ich das??

<head>  
 <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />  
 <title>test</title>  
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>  
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>  
  
 <script type="text/javascript">  
 function k() {  
   $("#testdiv").animate({  
     left: "-100px",  
                 top: "100px",  
           height: "100px",  
           opacity: 1,  
     toggle: "false",  
         }, 1500, "swing");  
    }  
  
  
</script>  
  
 <style type="text/css">  
  
 #testdiv{  
   width: 400px;  
 height:100px;  
 background-color: red;  
 border: 1px solid black;  
 position: absolute;  
 left: 100px;  
 top: 100px;  
 }  
  
  
 #bla {  
 background-image: none;  
 height: 20px;  
 width: 20px;  
 background-color: #0099CC;  
}  
 #k {  
 background-image: none;  
 height: 20px;  
 width: 20px;  
 background-color: #006699;  
}  
    </style>  
  
  
  
</head>  
<body>  
<div id="k" onclick="k()"></div>  
 <div id="testdiv"><div id="bla" onclick="k()"></div>  
vcbcbdhdhbdf</div>  
  
</body>  
</html>

ich hoffe ihr könnt mir helfen
mfg patrici

Beitrag melden
–
Informationen zu den Bewertungsregeln