Test case details

Preparation Code

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </script> <div id="remove"> </div> <script>   $elem = $("#remove");   var el = document.getElementById("remove");   function showElement(element) {     element[0].style.display = "block";   }   function hideElement(element) {     element[0].style.display = "none";   } </script> <style> .displayNone{     display:none; } </style>

Test cases

Test #1

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

Test #2

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

Test #3

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

Test #4

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

Test #5

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

Test #6

$elem.css({   "display": "block" }); $elem.css({   "display": "none" });

Test #7

$elem.toggle();

Test #8

el.style.display = "block"; el.style.display = "none";

Test #9

$elem.addClass("displayNone"); $elem.removeClass("displayNone");