Hello everybody,

I'm JQuery beginner and need help on the following.

I have a anchor tag with class name "red". I want three things to
trigger on click of anchor link

1. change class name from "red" to "gray"
2. change anchor text from "hello" to "bye"
3. pop-up tool tip (just display will do)

here is the html

<html>
<head>
<title>Untitled Document</title>
<script src="jquery-1.2.6.js" type="text/javascript"></script>

<style>
.red{background:#ff0000;}
.gray{background:#ccc;}
.tooltip{display:none;}
</style>
</head>

<body>
<a id="toggle-content" class="red" href="#">hello</a><br />
<span class="tooltip">tool tip </span>
</body>
</html>

I gave try with .removeClass & .addClass... however not able to get
the result upon click. I did even gave a try with toggle function.

appreciate immediate help. Thanks in advance.

-ipog

Reply via email to