jquery load function

[funbinod]

hi guys!

I loaded data from another page using click function by d following code..

<script>$(document).ready(function(e) {	$("#suncrlink").click(function(e) {		$("#suncr").load("ajax/suncr.php?m=8");	});</script>

I worked. but I wish if I could unload (or hide) the loaded data when I click the same link again or not!

 

can anyone guide...

[dsonesuk]

Why not use toggle() http://api.jquery.com/toggle-event/, with first click load, and second hide or remove whatever.

[funbinod]

thank u! it worked using toggle

[kodejuice]

//you dont need the put a function in the "$(document).ready". Use an anonymous function instead.<script>(function(){ //anonymous function$("#suncrlink").click(function(e){$("#suncr").load("ajax/suncr.php?m=8");});});</script>

[dsonesuk]

Using a anonymous function as you suggest runs as soon as it is encountered,if the elements it is targeting have not been rendered yet! An undefined error will occur cause the element in question does not exist. On the otherhand if used as $(function(){}); which is just shorten method of $(document).ready(function(){}); it targets the specific element AFTER the page has fully loaded.

[thescientist]

//you dont need the put a function in the "$(document).ready". Use an anonymous function instead.<script>(function(){ //anonymous function$("#suncrlink").click(function(e){$("#suncr").load("ajax/suncr.php?m=8");});});</script>

This is not a very good idea. Waiting for the DOM to be ready before manipulating it is the preferred way, in fact.