Jquery-drop down-height δεν δουλευει σε IE

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

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

Απάντηση
Άβαταρ μέλους
parianos
Δημοσιεύσεις: 79
Εγγραφή: 17 Οκτ 2009 21:04
Επικοινωνία:

Jquery-drop down-height δεν δουλευει σε IE

Δημοσίευση από parianos » 26 Αύγ 2012 14:25

Καλησπέρα σε όλους, κανω μία ανανέωση στο site μου και έχω το menu μέσα σε ένα div το οποίο όταν κάνει κλικ κατεβαίνει όλο το μενου(ξεδιπλώνεται) με

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

$("#synplin").toggle(function() {
		$("#ulnavbar").animate({height:"0px"}, 1000);
		
		
		$("#synplin").attr({ 
		src: "images/syn.jpg"
		});
		},function() {
		$("#ulnavbar").animate({height:"195px"}, 1000);
		
		$("#synplin").attr({ 
		src: "images/plin.jpg"
		});
και αντίχτοιχα έπειτα ανεβαίνει.
Στον Mozilla και Chrome δουλευει άψογα..στον IE, διπλώνει προς τα πάνω αλλά δεν εξαφανίζεται,μετά φαίνεται πάλι κανονικά, και άν ξαναπατήσεις το κουμπί να ανέβει απλά αυξάνει το height του div
σας παραθέτω και το style

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

#ulnavbar{
overflow:hidden;
}
#ulnavbar a{
display:block;
margin-top:1px;
text-align:right;
background-image:url(images/coverulbtn.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
width:220px;
height:27px;
color:#FFFFFF;
text-decoration:none;
padding-top:4px;
}
#ulnavbar a:hover{
display:block;
margin-top:1px;
text-align:right;
background-image:url(images/onovercoverbtnul.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
width:220px;
height:27px;
color:#FFFFFF;
padding-top:4px;
}
Καμιά ιδέα??? :hammer: :hammer:

Cretan1986
Δημοσιεύσεις: 79
Εγγραφή: 14 Απρ 2012 13:57

Jquery-drop down-height δεν δουλευει σε IE

Δημοσίευση από Cretan1986 » 26 Αύγ 2012 15:30

φτιάξε ένα demo του προβλήματος στο http://jsfiddle.net/

Άβαταρ μέλους
parianos
Δημοσιεύσεις: 79
Εγγραφή: 17 Οκτ 2009 21:04
Επικοινωνία:

Jquery-drop down-height δεν δουλευει σε IE

Δημοσίευση από parianos » 26 Αύγ 2012 15:50

http://jsfiddle.net/C5xzP/3/
Φίλε μου, το εφτιαξα αλλα δεν φαινεται το προβλημα...

alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Jquery-drop down-height δεν δουλευει σε IE

Δημοσίευση από alou » 27 Αύγ 2012 18:29

Δοκίμασε το με conditional αντί για toggle, κάπως έτσι (για πείραμα το λέω, δεν έχω κάτι συγκεκριμένο στο μυαλό μου)

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

$("#synplin").click(function() {
if ( $(this).hasClass('sin') )  {
$("#ulnavbar").animate({height:"195px"}, 1000); 
$(this).removeClass('sin').addClass('plin');
} else {
 $("#ulnavbar").animate({height:"0px"}, 1000); 
$(this).addClass('sin').removeClass('plin');
}); 
και βάλε τις + / - εικόνες σαν bg στα αντίστοιχα class, δεν χρειάζεται το src.

Απάντηση

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

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

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