Don't load current content again
<p>I load external content in my homepage. Everything is working fine. But I've got one problem. If I click on the current link the content is also loading. But I want that the content would only load if it is another content.</p>

<pre><code>$(document).ready(function() {
    $(".navigation li").click(function() {
        var quelle = $(this).attr('id') + ".php";
        // content
        $(".content").fadeOut(function() {
            $(this).load("content/" + quelle).fadeIn('normal');
        })

        // advertisement
        $(".advertisement").fadeOut(function() {
            $(this).load("advertisement/" + quelle).fadeIn('normal');
        })

        // header
        $(".contentHeader").fadeOut(function() {
            $(this).load("header/" + quelle).fadeIn('normal');
        })

    });
});
</code></pre>

<p>Here is the HTML. And yeah... I forgot the click event handler ;)</p>

<pre><code>&lt;div class="container"&gt;

    &lt;div class="navigation"&gt;

        &lt;ul&gt;
            &lt;li id="1"&gt;
                &lt;div class="menuImage"&gt;&lt;/div&gt;
                &lt;div class="menuText"&gt;&lt;p&gt;1&lt;/p&gt;&lt;/div&gt;
            &lt;/li&gt;
            &lt;li id="2"&gt;
                &lt;div class="menuImage"&gt;&lt;/div&gt;
                &lt;div class="menuText"&gt;&lt;p&gt;2&lt;/p&gt;&lt;/div&gt;
            &lt;/li&gt;
            &lt;li id="3"&gt;
                &lt;div class="menuImage"&gt;&lt;/div&gt;
                &lt;div class="menuText"&gt;&lt;p&gt;3&lt;/p&gt;&lt;/div&gt;
            &lt;/li&gt;
            &lt;li id="4"&gt;
                &lt;div class="menuImage"&gt;&lt;/div&gt;
                &lt;div class="menuText"&gt;&lt;p&gt;4&lt;/p&gt;&lt;/div&gt;
            &lt;/li&gt;
            &lt;li id="5"&gt;
                &lt;div class="menuImage"&gt;&lt;/div&gt;
                &lt;div class="menuText"&gt;&lt;p&gt;5&lt;/p&gt;&lt;/div&gt;
            &lt;/li&gt;
            &lt;li id="6"&gt;
                &lt;div class="menuImage"&gt;&lt;/div&gt;
                &lt;div class="menuText"&gt;&lt;p&gt;6&lt;/p&gt;&lt;/div&gt;
            &lt;/li&gt;
        &lt;/ul&gt;

    &lt;/div&gt;

    &lt;div class="mainContainer"&gt;

        &lt;div class="containerHeader"&gt;

            &lt;div class="contentHeader"&gt;
                &lt;p&gt;old header&lt;/p&gt;
            &lt;/div&gt;

        &lt;/div&gt;

        &lt;div class="contentContainer"&gt;

            &lt;div class="content"&gt;
                &lt;p&gt;old content&lt;/p&gt;
            &lt;/div&gt;

            &lt;div class="advertisement"&gt;
                &lt;p&gt;old advertisement&lt;/p&gt;
            &lt;/div&gt;


        &lt;/div&gt;

    &lt;/div&gt;

&lt;/div&gt;
</code></pre>
