jQuery or onClick Div Fade

Question

I apologize if this is in the wrong section..

Could someone possibly point me towards a script or a tutorial on this:

when I click on something, say for instance an "x", I'll click it, then it fades away on click.

If you understand what I mean, could someone point me in the right direction please?

Thanks!

Answer 1

Please familiarize yourself with Google.

Then familiarize yourself with http://docs.jquery.com/Tutorials:How_jQuery_Works

Try out some code on http://www.jsfiddle.net

Answer 2

refer

$('someclass/id').click(function() {
$('someclass/id').fadeOut();
});

check this

$('a').toggle(
function() { $('#us').fadeIn(); },
function() { $('#us').fadeOut(); }
);

.fadeToggle()

show( effect, [options], [speed], [callback] ) jQuery UI

Answer 3

Refer this: http://www.webdesignerwall.com/demo/jquery/

There is small tutorials for different UI elements with good explanation.

Answer 4

Its easy you could have googled that.

jQuery('#divId').click(function(){
  jQuery(this).hide('slow'); //this will give a little animated effect.
 // or
  jQUery(this).fadeOut('slow');
});

http://api.jquery.com/fadeOut/ http://api.jquery.com/hide/

Answer 5

This describes how to fade in and fade out an element on click

 $(document).ready(function(){ 
  $("#elemntID").click(function() { 
    $("#ID_of_element_need_to_fade_in").fadeIn("slow");
  });

  $("#elemntID").click(function() { 
    $("#ID_of_element_need_to_fade_out").fadeOut("slow"); 
  });
});

Answer 6

use

$('#id').click(function() {
$('#id').fadeIn();
$('#id').fadeOut(); 

});
[link][1]
<script>
$("button:first").click(function() {
$("p:first").fadeToggle("slow", "linear");
});
$("button:last").click(function () {
$("p:last").fadeToggle("fast", function () {
 $("#log").append("<div>finished</div>");
});
});
</script>