Preparation code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<div id="remove"></div>

<script type = "text/javascript">
$elem = $("#remove");

function showElement(element){
      element[0].style.display = "block";
}
function hideElement(element){
      element[0].style.display = "none";
}
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$elem.show();
$elem.hide();

$elem.css("display", "block");
$elem.css("display", "none");

$elem[0].style.display = "block"
$elem[0].style.display = "none";

showElement($elem);
hideElement($elem);

$elem.get(0).style.display = "block"
$elem.get(0).style.display = "none";

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published on 20th May 2011
• Revision 2: published on 21st June 2011
• Revision 3: published on 19th July 2012
• Revision 4: published on 15th December 2012
• Revision 6: published by WebGyver on 8th February 2013
• Revision 7: published by WebGyver on 8th February 2013
• Revision 8: published by WebGyver on 8th February 2013
• Revision 10: published on 17th April 2013
• Revision 11: published on 21st May 2013
• Revision 12: published on 25th May 2013
• Revision 13: published by Hartsan 3 weeks ago
• Revision 14: published 2 weeks ago

0 comments