quick follow-up: the JavaScript code in my last post doesn't work
properly (tried to simplify it and broke it ;)
you also need the hoverIntent jQuery plugin and then this code (but
you're probably better off with the tutorial Urs Bräm linked to):
$dropdownSet = $('.dropdown');
$dropdownSet.prev().hoverIntent(
function() {
$(this).addClass('hover');
$(this).next().slideDown();
},
function() {}
);
$dropdownSet.prev().hover(
function() {
$(this).next().data('dropdown', true);
},
function() {
$this = $(this).next();
$this.data('dropdown', false);
setTimeout(function() {
if($this.data('hover') !== true) {
$this.fadeOut('fast');
$this.prev().removeClass('hover');
}
}, 10);
}
);
$dropdownSet.hover(
function() {
$(this).data('hover', true);
},
function() {
$this = $(this);
$this.data('hover', false);
setTimeout(function() {
if($this.data('dropdown') !== true) {
$this.fadeOut('fast');
$this.prev().removeClass('hover');
}
}, 10);
}
);
_______________________________________________
TYPO3-english mailing list
TYPO3-english@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-english
