simple tutorial with two vertical menu examples with show/hide menu effect. First example uses a simple JavaScript code. Second example uses mootools to show/hide the menu with a nice vertical slide-in/slide-out effect.
Vertical Menu with Show/Hide Effects | Mootools
Vertical Menu with Show/Hide Effects | Mootools
January 7th, 2010
2 Comments
Can the JS simple effect be used along with jQuery?
Yes Peter Benson. It will work…simply remove mootools.js then add jquery.js…..
And replace the below code
window.addEvent('domready', function(){
var mySlide = new Fx.Slide('v-menu2');
mySlide.hide();
$('toggle').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});
});
with
$(document).ready(function() {
$('#toggle').click(function() {
$("toggle").slideToggle("slow");
});
});
That’s it..