Hi, why is my #div not hiding when it's clicked, maybe placing it within a document.ready function wasn't needed ?
Siberian
13
Junior Poster
Recommended Answers
Jump to PostTry this:
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> </script> <script> $((function(){ $("#tags_hide").hide(); })); </script> </head> <body> <div id="tags_hide">If you click on the "Hide" button, I will disappear.</div> <button id="hide">Hide</button> <button …
Jump to PostPlease provide your sample jQuery code.
Jump to PostOh, sorry... The jQuery code needed a minor change. The jsfiddle configuration also did not have the jQuery library loaded.
updated: http://jsfiddle.net/Lcx78/1/
Jump to PostTake a look at this example.
When working with anchor
<a/>elements, keep in mind that they have a default behaviour which is to load some information. You need to prevent that …
All 14 Replies
jj.dcruz
0
Junior Poster
Try this:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$((function(){
$("#tags_hide").hide();
}));
</script>
</head>
<body>
<div id="tags_hide">If you click on the "Hide" button, I will disappear.</div>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body>
</html>
Hope this helps
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
Please provide your sample jQuery code.
Siberian
13
Junior Poster
I did it's within the link, hiding. :)
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
Oh, sorry... The jQuery code needed a minor change. The jsfiddle configuration also did not have the jQuery library loaded.
updated: http://jsfiddle.net/Lcx78/1/
Siberian
13
Junior Poster
I made this into a string, thanks for the help I appeciate it :)
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
Take a look at this example.
When working with anchor <a/> elements, keep in mind that they have a default behaviour which is to load some information. You need to prevent that loading from happening if you simply want them to initiate some process that is not related to redirecting/loading a new page.
Siberian
13
Junior Poster
I thought it had to do with FireFox NoScript extension because I found a post relating to the error message that you can change a setting within NoScript.
I never knew about events in jQuery do they work identical to events in Javascript ?
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
I never knew about events in jQuery do they work identical to events in Javascript ?
I'm not exactly sure what you mean, but the first thing you need to understand about jQuery is that its a JavaScript library, meaning that jQuery is simply JavaScript code, nothing more.
Siberian
13
Junior Poster
I've never seen event used in that manner with Javascript, yet jQuery is as you say, nothing more then Javascript.
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
Yes, the events are used in plain old javascript; it's the vehicle for making this happen in your javascript code. For example, onclick, onmouseover, etc... It's just written a different way.
JQuery's main purpose is for you to develop your code easier and quicker. Their slogan is "write less, do more"
Siberian
13
Junior Poster
I know how to use events in Javascript; the only thing being the syntax.
JorgeM
958
Problem Solver
Team Colleague
Featured Poster
Ok, so is there any additional help needed on this thread or are you good at this point with regard to the jQuery example/div hiding/fadeIn, etc..?
Siberian
13
Junior Poster
I think I'm good at this point. :)
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.