Javascript non funzionante su IE!

[Fossa]

Salve a tutti,
ho un piccolo problema con un Javascript del tipo hide/show.

Index

Come potete vedere, con Mozilla e Chrome (oltre che iPad) funziona benissimo, mentre con IE niente.

Questo è lo script: http://code.jquery.com/jquery-1.6.js

Che richiamo con

$(window).load(function(){
$("#contenuto").slideUp("fast");
$("#sl").click(function(){
    if ($("#contenuto").is(":hidden")) {
      $("#contenuto").slideDown();
    } else {
      $("#contenuto").slideUp();
    }
  });
});

$(window).load(function(){
$("#contenuto3").slideUp("fast");
$("#sl3").click(function(){
    if ($("#contenuto3").is(":hidden")) {
      $("#contenuto3").slideDown();
    } else {
      $("#contenuto3").slideUp();
    }
  });


});

Grazie in anticipo

[cavicchiandrea]

Hai due inclusioni jquery
<script language="javascript" type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="application/javascript" src="http://code.jquery.com/jquery-1.6.js"></script>
usane una opterei per la più recente e usa type="text/javascript" non aplication, anche il resto del codice non è il massimo, per avere meno problemi con i vari browser o divice fai un po di ripulisti

[lucavizzi]

Modificalo così:

$(function(){
   $("#contenuto,#contenuto3").slideUp("fast");
   $("#sl").click(function(){
       $("#contenuto").slideToggle()
   });
   $("#sl3").click(function(){
      $("#contenuto3").slideToggle();
   });
});

[Fossa]

Originariamente inviato da cavicchiandrea
Hai due inclusioni jquery
<script language="javascript" type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="application/javascript" src="http://code.jquery.com/jquery-1.6.js"></script>
usane una opterei per la più recente e usa type="text/javascript" non aplication, anche il resto del codice non è il massimo, per avere meno problemi con i vari browser o divice fai un po di ripulisti

Grazie, ho risolto mettendo semplicemente text al posto di application

Per il codice hai ragione, ma non è mio e devo ancora pulirlo un bel po'

Un'altra piccola cosa sempre di Javascript: io ho impostato la funzione in modo che appena l'user carica la pagina, #contenuto ecc. eseguono la funzione slideUp("fast") per nasconderli.

Ma l'effetto si vede comunque, come posso fare a nasconderli direttamente di default ?

Devo lavorare sul visibility:hidden del CSS?

P.S. Di Javascript non ne so praticamente nulla

[cavicchiandrea]

Io userei il display: none

[Fossa]

Originariamente inviato da cavicchiandrea
Io userei il display: none

Ok ma poi come modifico lo script in modo che ci sia sempre l'effetto slide?

[cavicchiandrea]

Originariamente inviato da Fossa
Ok ma poi come modifico lo script in modo che ci sia sempre l'effetto slide?

Hai provato? Non dovresti modificare nulla.

[Fossa]

Originariamente inviato da cavicchiandrea
Hai provato? Non dovresti modificare nulla.

Hai ragione, grazie mille davvero!

Ultima domanda: su IE per i bordi arrotondati in CSS non c'è nulla da fare vero?

[cavicchiandrea]

Originariamente inviato da Fossa
... Ultima domanda: su IE per i bordi arrotondati in CSS non c'è nulla da fare vero?

Credo che siano riconosciuti da IE10

[Fossa]

Originariamente inviato da cavicchiandrea
Credo che siano riconosciuti da IE10

Anche da IE 9, perfetto

Grazie di tutto