Probleem met jquery menu
Haal dus even je cache leeg en ik denk dat het dan is opgelost.
Toevoeging op 03/05/2012 16:59:47:
Nee, jammer genoeg nog steeds niets..
Gewijzigd op 03/05/2012 17:03:42 door Jurgen B
Toevoeging op 03/05/2012 17:08:56:
Nieuw probleem, het menu opent nu nog wel (in IE) maar wil niet meer dicht.
Toevoeging op 03/05/2012 17:54:49:
Ik heb hem even lokaal gedraaid en wat geprutst; het probleem zit hem in je header structuur. De div met id=logo valt over de afbeelding, ook met de huidige z-indexen. Je zal dus je CSS en evt je structuur moeten aanpassen.
Gewijzigd op 03/05/2012 18:09:55 door Jurgen B
Toevoeging op 03/05/2012 22:58:01:
@Jurgen, dat dacht ik al wel ja... Maar waarom gaat het menu niet meer terug?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
$(document).ready(function() {
var visible = false;
$('.toggle').on('click', function() {
if (!visible) {
$('#menu').animate({marginLeft: '0'}, 500);
visible = true;
} else {
$('#menu').animate({marginLeft: '-65'}, 500);
visible = false;
}
});
});
</script>
$(document).ready(function() {
var visible = false;
$('.toggle').on('click', function() {
if (!visible) {
$('#menu').animate({marginLeft: '0'}, 500);
visible = true;
} else {
$('#menu').animate({marginLeft: '-65'}, 500);
visible = false;
}
});
});
</script>
Dit werkt in principe. De toggle (visible flag) kan vast efficienter (bijv. door eigen toggle() event (zie jQuery API)), maar dit fixt je probleem. (mits je ook je header probleem oplost ;))
Met toggle() ziet het er dan zo uit:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
<script type="text/javascript">
$(document).ready(function() {
$('.toggle').toggle(function() {
$('#menu').animate({marginLeft: '0'}, 500);
}, function() {
$('#menu').animate({marginLeft: '-65'}, 500);
});
});
</script>
$(document).ready(function() {
$('.toggle').toggle(function() {
$('#menu').animate({marginLeft: '0'}, 500);
}, function() {
$('#menu').animate({marginLeft: '-65'}, 500);
});
});
</script>
Gewijzigd op 03/05/2012 23:46:07 door Jurgen B