javascript - display virker ikke - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

Bruger #12118 @ 25.10.09 21:44

Hej jeg har lavet en lille function som skal gøre en box mindre og fade ud når man har trykket på den, efter det skal den så vise noget tekst som står i et div som er sat til display:none, men bagefter skal blive synlig men det virker ikke, er der en som kan se hvorfor.

JScript kode

 <style type="text/css">
 #box {
     background: red;
     width:300px;
     height:300px;
     position:relative;
 }
 
 </style>
 
 <script type="text/javascript">
     
     $(function(){
         
         $('#box').click(function() {
             $(this).animate({"height" : "20px"}, 6000);
             $('#box').fadeOut(5000);
             $('#box2')({"display" : "block"});
             
         })
     })
 
 
 
 </script>
 
 </head>
 
 <body>
 <div id="box"></div>
 
 <div style="display:none;" id="box2">Tekst Tekst Tekst Tekst!</div>

Bruger #3143 @ 25.10.09 21:52

1.965

Kan du ikke lige give et link til siden i stedet for at kopiere dele af koden her ind?

Bruger #5789 @ 28.10.09 13:47

640

prøv med .css()

$('#box2').css('display', 'block');

el

$('#box2').css({"display" : "block"});

Desuden burde $('#box2').toogle() gøre det samme, så du ikke behøver blande design og js sammen (eller brug addClass/removeClass)

Edit: glemte lige et par apos omkring block

Indlæg senest redigeret d. 28.10.2009 14:19 af Bruger #5789

display virker ikke

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler