Fade elements in when parent style = X
<p>I have a slider on my homepage with my markup as so...</p>

<pre><code>       &lt;li id="fragment-3" class="slides virtualsation ui-tabs-panel ui-tabs-hide" style="display: list-item;"&gt;
              &lt;h1&gt;Virtualisation&lt;/h1&gt; 
              &lt;p&gt;By implementing virtualisation into  Council  managed to save them over £250,000 in annual expenditure.&lt;/p&gt;
              &lt;div class="animation"&gt;
                    &lt;div class="big-server"&gt;&lt;img src="_includes/images/sliders/big-server.png"&gt;&lt;/div&gt;
                    &lt;div class="arrow"&gt;&lt;img src="_includes/images/sliders/arrow.png"&gt;&lt;/div&gt;
                    &lt;div class="small-server-one"&gt;&lt;img title="Title Text Blah" src="_includes/images/sliders/small-server.png"&gt;&lt;/div&gt;
                    &lt;div class="small-server-two"&gt;&lt;img title="Title Text Blah" src="_includes/images/sliders/small-server.png"&gt;&lt;/div&gt;
                    &lt;div class="small-desktop"&gt;&lt;img title="Title Text Blah" src="_includes/images/sliders/small-desktop.png"&gt;&lt;/div&gt;
              &lt;/div&gt;
        &lt;/li&gt;
</code></pre>

<p>I want each child in my animation element to fade in  when the parent li has the inline style of display:list-item; </p>

<p>Is this possible with jQuery? </p>

<p>I though about using .closest() but wwasnt sure how Id target a div with an inline style... </p>
