coupe-r Posted February 23, 2011 Share Posted February 23, 2011 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> Quote Link to comment Share on other sites More sharing options...
Adam Posted February 23, 2011 Share Posted February 23, 2011 Could you provide a demo URL? Much easier to fix something when you can reproduce the error. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.