Jump to content

Firefox flicker with tabs


coupe-r

Recommended Posts

Hi All,

 

I have 10 tabs, but only the first 2 flicker when they are active.  All the other tabs look great.

 

In the first tab, I've narrowed it down to a drop down box.  If I delete the drop down box, it works great, but if its there, it flickers.

 

NOTE -- This only happens in Firefox.  IE looks great no matter what.  Here is my jQuery

 

<script type="text/javascript">
$(document).ready(function() {

//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {

	$("ul.tabs li").removeClass("active"); //Remove any "active" class
	$(this).addClass("active"); //Add "active" class to selected tab
	$(".tab_content").hide(); //Hide all tab content

	var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
	$(activeTab).fadeIn(1500); //Fade in the active ID content
	return false;
});

});
</script>

Link to comment
https://forums.phpfreaks.com/topic/228556-firefox-flicker-with-tabs/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.