Animates all span and input elements to show normally

 
<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                function doIt() {
                  $("span,div").show("normal");
                }
                $("button").click(doIt); 
                $("form").submit(function () {
                  $("p").show(4000, function () {
                      $(this).text("DONE!");
                  });
                 
                  $("span,div").hide("normal");
                  return false;
                });
        });
    </script>
  </head>
  <body>
    <body>
      <button>Do</button>
      <span style="display:none;">asdf </span>
      <div>
        <form>
          <input type="text" />
        </form>
      </div>
      <p style="display:none;">I'm hidden...</p>
    </body>
</html>

Related examples in the same category

1.	Append to another tag
2.	Click to change span text
3.	Set span color
4.	Span click event
5.	Convert data from span, parse and update
6.	Wraps a newly created tree of objects around the spans
7.	Animates span to hide fastly
8.	Finds the last span in each matched div and adds some css plus a hover state.
9.	Finds the first span in each matched div to underline and add a hover state.

Animates all span and input elements to show normally : Span « jQuery « JavaScript DHTML

Related examples in the same category