Any ideas? Mouseenter/Mouseleave (I'm stuck)
<p>I'm working on my "very own project" in the end of the jQuery course at code academy but I'm stuck for now.</p>

<p><strong>Here is my js/jQ code:</strong></p>

<pre><code>$(document).ready(function () {
    $('.Left1').click(function () {
        $('.content1').slideToggle('slow');
    });
    $('.PilLine1').mouseenter(function () {
        $(this).fadeTo(500, 1);
    });
    $('.PileLine1').mouseleave(function () {
        if ($('.content1').show('false')) {
            $('.PileLine1').fadeTo(500, 0.3);
        }
        else$('.PileLine1').fadeTo(500, 1);
    });
});
</code></pre>

<p><strong>And here is a visual preview:</strong>
<a href="http://www.codecademy.com/users/5155e412f38e624ec7000116/projects/500c7558d143430002002551" rel="nofollow">http://www.codecademy.com/users/5155e412f38e624ec7000116/projects/500c7558d143430002002551</a></p>

<p>Okey, well It doesn't work out as I want it to. I want my if/else statement to check <strong>if</strong> my box(content1) is visible or not. <strong>If</strong> it's visible And mouseleave; I want my PilLine1 to stay at a opacity with 100%. <strong>if else</strong> mouseleave and closed; I want my PilLine1 to fade out to a opacity with 30%.</p>

<p><strong>Should i use:</strong> <code>if($('.content1').show('false'))</code> or <code>if($('.content1').css('display'==='none'))</code>
or am I completely lost?</p>
