Click to toggle opacity : toggle « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. toggle

Click to toggle opacity

 

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){

                $('#my').toggle(
                  function(event) {
                    $(event.target).css('opacity',0.4);
                  },
                  function(event) {
                    $(event.target).css('opacity',1.0);
                  }
                );

        });
    </script>

  </head>
  <body>
    <body>
        <div id="my">asdf</div>
    </body>
</html>








Related examples in the same category

1.Click to toggle style
2.Toggle true and false
3.Slow toggle
4.Normal toggle
5.Toggle fast
6.Toggle in milliseconds
7.Toggle among two or more function calls every other click
8.Use toggle function to change class
9.toggle(fn, fn1): when clicking matched element, the first specified function is fired, clicked again, the second is fired.