Aiuto semplice jquery

**ivanisevic82** · 06-04-2009, 11:01

Ciao ragazzi, mi serve una mano per un effetto che non mi funziona, dovrebbe essere una cosa semplice!
Vorrei creare un piccolo "box" con effetto "slicker" e funzione "toggle" utilizzando jquery, come nell'esempio "DEMO 1" che trovate in questa pagina:

http://www.learningjquery.com/2006/0...-show-and-hide

Ho creato questo file:

Slick.js

codice:

$(document).ready(function() {
  $('#slickbox').hide();
  $('a#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });
});

Mentre questa è la parte html:

codice:


Toggle</p> 
<div id="slickbox">Questo è il testo che verrà mostrato clickando su Toggle</div>

Chiaramente ho caricato come al solito il file Slick.js oltre che il Jquery.js

Non mi funziona!

Voi vedete qualche errore? C'è qualcosa che non ho fatto?

Grazie!

**whisher** · 06-04-2009, 15:04

Lo script che hai postato
funziona.
Anche senza Slick.js
(cosa ci azzecca)

**ivanisevic82** · 06-04-2009, 15:42

Ma scusa, come dovrei scriverlo?
Io non ho esperienza di js, ho sempre usato jquery!

Grazie!

**whisher** · 06-04-2009, 15:54

Originariamente inviato da ivanisevic82
Ma scusa, come dovrei scriverlo?
Io non ho esperienza di js, ho sempre usato jquery!

Grazie!

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">

<meta name="author" content="">

<title>Animate</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.2.6.min.js"></script>

<script type="text/javascript">



$(document).ready(function() {

  $('#slickbox').hide();

  $('a#slick-toggle').click(function() {

      $('#slickbox').toggle(400);

    return false;

  });

});



</script>

</head>

<body>





[url="#"]Toggle[/url]</p> 

<div id="slickbox">Questo è il testo che verrà mostrato clickando su Toggle</div>



</body>

</html>

**ivanisevic82** · 06-04-2009, 16:19

Ho copiato e incollato quello che mi hai scritto ma non mi funziona.

Alla fine ho fatto così e và:

codice:

<div>Leggi tutto</div>
<div id="slickbox">Questo &egrave; il testo che verr&agrave; mostrato clickando su Toggle</div>

In questo modo però:

1) Lo script devo non stà dentro l'head

2) Non sò dove e come scrivere

codice:

$('#slickbox').hide();

che mi serve per far sì che all'apertura della pagina il testo non sia visualizzato.

Grazie!

**whisher** · 06-04-2009, 18:09

Originariamente inviato da ivanisevic82
Ho copiato e incollato quello che mi hai scritto ma non mi funziona.

M....a in che senso non funziona

ho fatto copia e incolla pure io e
funziona

**ivanisevic82** · 06-04-2009, 18:13

Boh, a me funziona nel modo che ho postato poco sopra...ma perchè non và bene?

In ogni caso, come posso fare per evitare che il testo su cui applicare il "toggle" non compaia all'apertura della pagina, ma solo dopo la prima "togglata"?

Grazie!

**ivanisevic82** · 21-04-2009, 12:39

Originariamente inviato da ivanisevic82
come posso fare per evitare che il testo su cui applicare il "toggle" non compaia all'apertura della pagina, ma solo dopo la prima "togglata"?

Up...

**ivanisevic82** · 23-04-2009, 15:24

Su ragazzi datemi una mano...credo che sia una cosa molto semplice, vorrei solo sapere dove e come inserire il comando ".hide();" per fare in modo che il contenuto dello script non sia visibile ad apertura pagina, ma sono dopo aver cliccato sul'apposito tasto che lo mostra.

Grazie!

**Luca450Mhz** · 23-04-2009, 15:40

Ciao,
lo script in effetti funziona. Hai provato con un altro browser per fare le prove? Che versione di jQuery includi?
L'unico modo per far si che una funzione venga caricata dopo il caricamento della pagina è proprio quello che tu hai usato

codice:

$(document).ready(function() {});

Puoi mettere il codice completo della tua pagina?

Ciao

Discussione: Aiuto semplice jquery

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto semplice jquery

Permessi di invio