[jQuery] Can't figure out why click function won't work for lifeimage
I've spent a good bit of time trying to figure this out, so I figure
now it's time to go to the forum. I've trying to make "lifeimage"
clickable so I can do other stuff with it, but I can't even seem to
get the click event to function. Code is below.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Vamp's World</title>
<link href="css_style/vamp_style.css" rel="stylesheet" type="text/
css" />
<script type="text/javascript" src="./javascript/jquery.js"></
script>
<script type="text/
javascript">
$(document).ready(function() {
// JQUERY stuff goes here
$('div#menu').hide();
$('#lifeimage').click(function() {
$(this).hide();
});
});
</script>
</head>
<body>
<div id="bodybox">
<div id="header">
<div id="logo"></div>
<div id="advertise">
<img src="images/snowball.gif"
style="width:468px;height:60px;" alt="Example Ad" />
</div><!-- end advertise -->
<div id="top_link">
<img src="images/top_menu_01.png"
id="lifeimage" style="width:74px;height:34px;border:1px solid green;"
alt="Life Menu" />
<a href="#"><img src="images/
top_menu_02.png" id="Image11" style="width:103px;height:34px;border:
0px;margin-left:-5px;" alt="Literature Menu" /></a>
<a href="#"><img src="images/
top_menu_03.png" id="Image12" style="width:88px;height:34px;border:
0px;margin-left:-5px;" alt="Poetry Menu" /></a>
<a href="#"><img src="images/
top_menu_04.png" id="Image13" style="width:75px;height:34px;border:
0px;margin-left:-5px;" alt="Media Menu" /></a>
<a href="#"><img src="images/
top_menu_05.png" id="Image14" style="width:102px;height:34px;border:
0px;margin-left:-5px;" alt="Option 1 Menu" /></a>
<a href="#"><img src="images/
top_menu_06.png" id="Image15" style="width:103px;height:34px;border:
0px;margin-left:-5px;" alt="Option 2 Menu" /></
a>
</div><!-- end top_link -->
</div><!-- end header -->
<div id="main_body_box">
<div id="bar">
<img src="images/menu_2.png" alt="menu_2
(7K)" style="border:0px;width:436px;height:25px;" />
</div><!-- end bar -->
<div id="content">
<div id="leftframe">
<!-- This is the left menu, which is a
stack of books -->
<? include("./left_menus/
social_menu.php"); ?>
<div id="frame">
<div id="ad_content">
<div style="width:144px;text-
align:center">
<object type="application/x-
shockwave-flash"
data="http://twitter.com/
flash/twitter_badge.swf"
width="144"
height="176">
<param name="movie"
value="http://twitter.com/flash/twitter_badge.swf" />
<param name="flashvars"
value="color1=26112&type=user&id=wtvamp" />
<param name="wmode"
value="transparent" />
<param
name="allowScriptAccess" value="always" />
<param name="pluginspage"
value="http://www.macromedia.com/go/getflashplayer" />
</object>
<a style="font-
size: 10px; color: #006666; text-decoration: none" href="http://
twitter.com/WTVamp">follow WTVamp at http://twitter.com</a>
</div>
</div><!-- end ad_content --