[jQuery] Slider + Drop Down Menu = BUG

HTML & CSS
1

Hello guys!
Well, I use a slider on my website, but recently I added a drop down menu. However, there’s a small bug when the it drops down.
Check the image bellow to understand.

How can I fix it? I mean, I want that drop on top of the slider.

Here’s the script:

$(document).ready(function(){

	$("ul.submenu").parent().append("<span></span>");
	
	$("ul.menu li span").click(function() { //Al hacer click se ejecuta...
		
		//Con este codigo aplicamos el movimiento de arriva y abajo para el submenu
		$(this).parent().find("ul.submenu").slideDown('fast').show(); //Menu desplegable al hacer click

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.submenu").slideUp('slow'); //Ocultamos el submenu cuando el raton sale fuera del submenu
		});

		}).hover(function() {
			$(this).addClass("subhover"); //Agregamos la clase subhover
		}, function(){	//Cunado sale el cursor, sacamos la clase
			$(this).removeClass("subhover");
	});

});
2

Hi ianramos. Welcome to the forums. :slight_smile:

This is probably a CSS issue, but we need to see your CSS and HTML code. Please post a link to the site, and let us know what browser(s) you are seeing this in. (This problem is more common in older versions of IE.)

3

Hi, thanks ralph.

Well, I fixed this bug by myself, thanks anyway.

I had to add “z-index” at the menu’s CSS