I'm trying to make a nice menu with sliding effects in jquery: http://jsfiddle.net/rXjMV/5/
$(".goBack").click(function() {
$(this).parent().hide('slide', {
direction: 'right'
});
$("#parentSidebar").show('slide', {
direction: 'left'
});
});
$(".sidebarMover").click(function() {
var newmenu = $(this).attr('name');
$(this).parent().hide('slide', {
direction: 'left'
});
$("#" + newmenu + "Sidebar").show('slide', {
direction: 'right'
});
});
notice that if you click on football the menu slides left and the other comes from the right but they come one below the other instead of side by side..
Tried many things, display: inline and using delay() with jQuery queue, but the problam is CSS I think, nut jQuery... any ideas?
