How To Make A Search Icon With Animated Field Reveal In Oxygen

CSS

#searchsubmit		{
  display: none;
}
#s		{
  background: rgba(0, 0, 0, 0.09);
  opacity: 0;
  width: 0px;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s all ease-in-out;
}
#fancy_icon-121-11	{
  cursor: pointer;
}
#div_block-113-11:hover #s,
#s:focus		{
  width: 150px;
  opacity: 1;
  left: -158px;
}

Java

jQuery('#fancy_icon-121-11').on('click', function() {
   jQuery('#searchsubmit').click();
});