jQuery 1.4 Animation Techniques Beginner's Guide

Time for action – avoiding the flicker effect

Let's put together a couple of examples so that we can see which situations can cause the problem to arise.

1. Open up the fadeIn.html file from Chapter 2, and update the <nav> element so that it appears as follows (new code shown in bold):

   <nav>
     <ul class="purecss">
       <li class="first"><a href="#" title="Home">Home</a></li>
       <li>
         <a href="#" title="Articles">Articles</a>
         <div class="subnav">
           <ul class="left">
             <li><h2>JavaScript</h2></li>
             <li><a href="#" title="JS Article 1">JS Article 1</a></li>
             <li><a href="#" title="JS Article 2">JS Article 2</a></li>
             <li class="last"><a href="#" title="JS Article 3">JS Article 3</a></li>
           </ul>
           <ul class="right">
             <li><h2>jQuery</h2></li>
    <li><a href="#" title="jQuery ...