<script type="text/javascript">
  <!--
 function extend(src,target){
  for (var key in target){
   src[key] = target[key];
  }
  return src;
 } 
 var ElementFunctions = {
  getStyle:function(s){return this.style[s];},
  hide:function(){this.style.display="none";return this;},
  show:function(){this.style.display="";return this;}
 } 
 function $(){ 
  var _obj = typeof(arguments[0])=="string"? document.getElementById(arguments[0]) : arguments[0];
  return extend(_obj,ElementFunctions);
 }
  //-->
  </script>
<input type="button" onclick="$('abc').hide()" value="hide" />
<input type="button" onclick="$('abc').show()" value="show" />
<div id="abc" style="border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: #eee; border-left: #ccc 1px solid; width: 300px; border-bottom: #ccc 1px solid; height: 120px">asdfasdf</div>