课件无关 精简问题

原本是这样

$('.dropdown-toggle').on('click', function()
	{
			$('.dropdown-menu').toggleClass('hide');
	})
	$('.dropdown-toggle').on('blur', function()
	{
		$('.dropdown-menu').addClass('hide');
	})

	$('.message').on('click', function()
	{
			$('.dropdown-message').toggleClass('hide');
	})
	$('.message').on('blur', function()
	{
		$('.dropdown-message').addClass('hide');
	})

改了下成了这样

dropdown_click('.dropdown-toggle', '.dropdown-menu');
	dropdown_click('.message', '.dropdown-message');

	// dropdown_click
	function dropdown_click(el, target)
	{
		$(el).on('click', function()
		{
			$(target).toggleClass('hide');
		})
		$(el).on('blur', function()
		{
			$(target).addClass('hide');
		})
	}

感觉还是挺暴露内容的  想知道on()内部还能用什么方法精简