$(document).ready(function() {
   
   $('.search').click(function(e) {
    e.preventDefault();
     $("#search-wrapper").slideToggle(300);
    
   });
});
////Add class 'search' to any <a> for it to toggle a slide for div id="search-wrapper"
//var search_inputs = document.getElementsByTagName('a');
//for (i=0; i<search_inputs.length; i++) {
//    var inp = search_inputs[i];
//   if (inp.className.match(/search/)) {
//     //   inp.setAttribute('onclick', 'search_toggle();return false;'  );
//     Event.observe(inp,'click',search_toggle)
//     //inp.observe('onclick',search_toggle)
//    }
//  
//}
//
//function search_toggle(event) {
//                new Effect.toggle($('search-wrapper'),'Slide',{ duration: 1 })
//}