jQuery .click() doesn't work offline?

I've bind .click events on some section headers, so that when a user clicks on one of those headers, the section appears/disappears.

So far so good, but for some reason, when I go offline,开发者_Python百科 that doesn't work anymore.

I don't understand such a behaviour, could anyone enlighten me?

Here's the code:

<script src="jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>

    <script>
    $(function(){

    $("#contactInfoHeader").click(function(){
        if($("#contactInformation").is(":visible")){        
            $("#contactInformation").fadeOut();
        }else{  
            $("#contactInformation").fadeIn();
        }   
        resizeWidget();
    });

    });
    </script>

    <h3 id="contactInfoHeader">Contact Information</h3>
    <div id="contactInformation">Telephone:XXXXXX</div>

in jQuery 1.4.x you should use this format for attaching handlers to the ready event.

$(document).ready(function(){
  //add your stuff here
});

or your can keep the $(handler); syntax, but you'll need the closing paren.

<script>
$(function(){

  $("#contactInfoHeader").click(function(){
      if($("#contactInformation").is(":visible")){        
          $("#contactInformation").fadeOut();
      }else{  
          $("#contactInformation").fadeIn();
      }   
      resizeWidget();
  });

});//ADDED ")" here!
</script>

Dear, you are using simple jQuery and it uses its online file. So it's functional when you are online, but offline the button stops working. That's it. It's so simple.

You have some code inconsistency, or you're mistaken it works.

That should be in document.ready, as well:

$(function() {
/* your code */
});

Otherwise it doesn't attach the click event to anything, since the element is not there at runtime.