Home/ Questions/Q 7980981
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T10:14:07+00:00

I have a html defined like this: <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN

  • 0

I have a html defined like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
...
</head>    
<body>
<div id="nav">
    <a href="/">home</a> |
    {% if user.is_authenticated %}      
        <a href="/save/">submit</a> | <a href="/user/{{ user.username}}/"{{ user.username }}</a> | <a href="/logout/">logout</a>
    {% else %}
          <a href="/login">login</a> | <a href="/register/">register</a>    
    {% endif %}
</div>
</body>
</html>

In Firebug Console I type the following to hide the nav class:

$("#nav").hide()

But when I run it I get this error message:

TypeError: $("#nav") is null

$("#nav").hide()     with(_...e() }; (line 2)

nav is clearly there, I can even see it in the HTML tab of Firebug, what am I missing?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re missing jQuery

    Add

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    Between the <head></head> tags.

    • 0