How to check if a certain html fragment is already loaded?
<p>Have the following code:</p>

<pre><code> $("#blogs").mouseover(
    function () {
      $(this).addClass("hover");

      $("#home").removeClass("hover");
      $("#homepages").removeClass("hover");
      $("#apps").removeClass("hover");
      $("#facebook").removeClass("hover");
      $("#kontakt").removeClass("hover");

      $("#content").hide().load("blogs.html", function(){
      $("#content").show("slide"); 

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

<p>Works all fine, but now I would like the load() / show() function only be called if #content does not already contain blogs.html.</p>

<p>In other words: I would like to check if blogs.html is already loaded and if yes, simply do nothing and only if not there yet I would load and show it.</p>

<p>Have tried some things with hasClass() and some if-formulas but struggle to get this check.</p>

<p>Tried stuff like this:</p>

<pre><code>$("#content section").hasClass("check_blog").hide().load("blogs.html", function(){
$("#content").show("slide"); 
</code></pre>

<p>Basically I just need to know how I can check if blogs.html is already the contents of #content.</p>

<p>Thanks a lot for any help. Regards, Andi </p>
