Hide hyperlink using jQuery

Home Tutorial Jquery Hide hyperlink using jQuery

Hide hyperlink using jQuery
Posted on: July 27, 2010 at 12:00 AM

In this tutorial, we will discuss about how to hide hyperlink after clicking it using jQuery.

Hide hyperlink using jQuery

In this tutorial, we will discuss about how to hide hyperlink after clicking it using jQuery. In the below example , a hyperlink "Click here to hide this link" is included in the web page. When we click on it ,it will disappear.

jqHidelink . html

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
</head>
<body>
<p>This will not appear in the browser</p>
<a href="#">Click here to hide this link</a>
<p>This is another paragraph , which will be hidden</p>
<script>

$("p").hide();
$("a").click(function () {
$(this).hide();
return true;
});
</script>
</body>
</html>

Description of the program:

The below code hide the paragraphs :

$("p").hide();

The given below code is responsible for hiding link after clicking :

$("a").click(function () { $(this).hide(); return true; });

OUTPUT :

After click ,it will disappear from browser.

Download Source Code

Click here to see demo

Related Tags for Hide hyperlink using jQuery:

«Previous Index Next»

Ask Questions?

If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.

Ask your questions, our development team will try to give answers to your questions.

Tutorial Topics