| 123456789101112131415161718192021 | 
							- $.fn.searchBar = function() {
 
- 	var $input = this.find('input[type=search]'),
 
- 	$cancelBtn = this.find('a.searchbar-cancel'),
 
- 	$ele = this;
 
- 	$input.off('click.searchinput').on('click.searchinput',function() {
 
- 		$ele.addClass('searchbar-active');
 
- 		$cancelBtn.css({
 
- 			display: 'block',
 
- 			'margin-right': 0
 
- 		});
 
- 	});
 
- 	$cancelBtn.off('click.searchbtn').on('click.searchbtn',function() {
 
- 		$ele.removeClass('searchbar-active');
 
- 		$cancelBtn.css({
 
- 			'margin-right': (function(){
 
- 				return -$cancelBtn[0].offsetWidth + 'px'
 
- 			})()
 
- 		})
 
- 	});
 
- }
 
 
  |