ansaurus

Question

jQuery hide problem

Answer 1

+2 A:

try changing your jquery script import tag to include the </script> end tag.

from:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"/&gt;

to:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;

Alastair Pitts 2010-10-31 08:54:57

@Alastair what's the difference (real question)

Kevin 2010-10-31 08:59:09

@Kevin - A `<script>` tag simply can't be self-closing, different browsers reject it in different ways.

Nick Craver 2010-10-31 09:13:16

Answer 2

+1 A:

Instead of:

<script type="text/javascript" 
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"/&gt;

Try:

<script type="text/javascript" 
  src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;

Here's the reason why.

Also in the markup you posted there's no element with id="mybutton" nor id="mydiv".

Darin Dimitrov 2010-10-31 08:55:18

Thanks the end script tag was what I needed. I copied the div names into the question incorrectly. Will edit now.

Ankur 2010-10-31 09:03:13

Answer 3

A:

Hello,

this is the corrected markup.

<html>
<head>
    <title>Hider</title>
</head>
<body>

    <a href="#" id="link_1">TOGGLE</a>

    <div id="some_id">

        <h1>HELLO</h1>

    </div>


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

<script type="text/javascript">


    $(document).ready(function() {


        $("#link_1").click(function() {

            $("#some_id").toggle();
            // Act on the event
        });


    });


</script>


</body>

Please note that you also had a error in the calling of the script from google.
It is better to load it locally.

Have a nice day :)

Herr Kaleun 2010-10-31 09:05:24

Why is it "better" to serve jQuery locally, and not take advantage of Google's CDN, and potential caching?

David Thomas 2010-10-31 16:45:38

You never know, what if google's CDN fails one day? Even google itself can fail, facebook fails, twitter fails. If your server can serve the files, then it will server your jQuery too. :)

Herr Kaleun 2010-10-31 20:53:40

ansaurus

tags:

views:

answers:

jQuery hide problem

related questions