jquery show/hide effect

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

jquery show/hide effect

Δημοσίευση από dtravlos » 09 Μαρ 2010 12:44

Καλησπέρα! Θέλω να φτιάξω ένα effect το οποίο με κάθε κλικ να ανοίγει και να κλείνει ένα div. έχω καταφέρει να το κάνω μόνο απόκρυψη. Χρησιμοποιώ το .animate γιατί μ αυτό κατάφερα να το κάνω να γίνεται οριζόντια. Σας παραθέτω τον κώδικα. Μπορεί κάποιος να με βοηθήσει πως θα ξανανοίγει με κλικ? με το .toggle δεν το κάνει με τον τρόπο που θέλω.

Κώδικας: Επιλογή όλων

<script>

$&#40;&#41;.ready&#40;function&#40;&#41;&#123;
				   $&#40;"#link"&#41;.click&#40;function&#40;&#41;&#123;
					$&#40;"#box"&#41;.animate&#40;&#123; width&#58; 'hide' &#125;&#41;;	
				   
				  return false;  
													   &#125;&#41;;
					   &#125;&#41;;
</script>
Ευχαριστώ!

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

jquery show/hide effect

Δημοσίευση από dimsis » 09 Μαρ 2010 12:59

Πως έχεις τα divs; το ένα μέσα στο άλλο; έξω το link και μέσα στο box;

Το toggle σε εμένα όπως το δοκίμασα παρακάτω παίζει μια χαρά:

Κώδικας: Επιλογή όλων

<style>
#link &#123;
	height&#58;50px;
	width&#58;250px;
	border&#58;1px solid #ccc;
&#125;
</style>
<script>
$&#40;function&#40;&#41; &#123;
$&#40;'#link'&#41;.click&#40;function&#40;&#41; &#123;
 $&#40;'#box'&#41;.toggle&#40;400&#41;;
 return false;
  &#125;&#41;;
  &#125;&#41;;  
</script>
<div id="link">
	<div id="box">lorem ipsum...</div>
</div>

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

jquery show/hide effect

Δημοσίευση από dtravlos » 09 Μαρ 2010 13:13

Tα div είναι το ένα δίπλα από το άλλο (http://www.businessdirectory.gr/maison). Το toggle μου το ανοίγει από πάνω γι αυτό έβαλα το animate. Πώς θα καταφέρω να το κάνω να κάνει μόνο show/hide το width του #box? Το λέω γιατί το toggle το ανοίγει από πάνω. Υπάρχει κάποια παράμετρος που να το ανοιγοκλείνει οριζόντια;

Άβαταρ μέλους
dimsis
Reporter
Δημοσιεύσεις: 7994
Εγγραφή: 25 Ιούλ 2001 03:00

jquery show/hide effect

Δημοσίευση από dimsis » 09 Μαρ 2010 14:19

Δοκίμασε κάτι τέτοιο:

Κώδικας: Επιλογή όλων

$&#40;"#box"&#41;.animate&#40;&#123;width&#58;'toggle'&#125;,'slow'&#41;;

dtravlos
Δημοσιεύσεις: 244
Εγγραφή: 29 Ιαν 2009 15:03
Τοποθεσία: Keratsini
Επικοινωνία:

jquery show/hide effect

Δημοσίευση από dtravlos » 09 Μαρ 2010 14:30

Δούλεψε τέλεια! Ευχαριστώ πολύ!

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης