Как сделать исключение, при котором блок бы не прятался под display: none?

Question

[Aison]

никогда не умел объяснять просто и понятно(

Добрый вечер) Помогите решить проблему. Делаю смайлы для сообщений и сейчас добрался до смайлов, нашёл готовый код который отвечает моим требованиям, но как обычно это бывает есть "но", заключается оно в том, что при нажатии на смайл блок с смайлами пропадает, это хорошо, так и должно бьыть) только чуть выше, есть табы благодаря которым можно выбрать типы смайлов и когда я нажимаю на любой из них, он срабатывает, но блок с смайлами приходится вызывать по новой.

я так понимаю: требуется сделать исключение для класса emojitabs. Кому не сложно, подтолкните в какую сторону копать ?

код вызова блока со смайлами:

function show_bb_dropdown(obj)
{
	$(obj).blur(function(){
		$(obj).next().fadeOut();
	});

	$(obj).next().show();
};

html структура:

<div id="b_emo" class="bb-btn" onclick="show_bb_dropdown(this)" title="{$lang['bb_t_emo']}" tabindex="-1"><svg class="icon icon-smiles"><use xlink:href="#icon-smiles"></use></svg></div>
<ul class="bb-pane-dropdown">
	<div class="emojibox">
		<div class="emojitabs">
			<span class="noenefd" rel="nya"><img src="{$config['http_home_url']}engine/data/smiles/demo_nya.gif" alt="Смайл" /></span>
			<span class="noenefd" rel="troll"><img src="{$config['http_home_url']}engine/data/smiles/demo_troll.gif" alt="Смайл" /></span>
			<span class="noenefd" rel="angeldemon"><img src="{$config['http_home_url']}engine/data/smiles/demo_angdem.gif" alt="Смайл" /></span>
			<span class="noenefd" rel="rokey"><img src="{$config['http_home_url']}engine/data/smiles/demo_rokey.gif" alt="Смайл" /></span>
			<span class="noenefd" rel="yolks"><img src="{$config['http_home_url']}engine/data/smiles/demo_yolks.gif" alt="Смайл" /></span>
			<span class="noenefd" rel="makinyaki"><img src="{$config['http_home_url']}engine/data/smiles/demo_makinyaki.gif" alt="Смайл" /></span>
		</div>
		<div class="emojicont">
			<div class="emojihint" style="display:none;"></div>
			<div class="emojicoll smltab_nya" style="display:none;">
				{$output_smile[0]}
			</div>
			<div class="emojicoll smltab_troll" style="display:none;">
				{$output_smile[1]}
			</div>
			<div class="emojicoll smltab_angeldemon" style="display:none;">
				{$output_smile[2]}
			</div>
			<div class="emojicoll smltab_rokey" style="display:none;">
				{$output_smile[3]}
			</div>
			<div class="emojicoll smltab_yolks" style="display:none;">
				{$output_smile[4]}
			</div>
			<div class="emojicoll smltab_makinyaki" style="display:none;">
				{$output_smile[5]}
			</div>
		</div>
	</div>
</ul>
</div>

javascript работа с табами

<script type="text/javascript">
	$(document).ready(function(){
		$(".emojitabs span:first").addClass('active');
		$(".emojicoll:first").show();
		$(".emojitabs span").click(function(){
			if($(this).hasClass('active')) return false;
			$(".emojitabs span").removeClass('active');
			$(this).addClass('active');
			$(".emojicoll").stop(true, true).hide();
			var tabid = $(this).attr('rel');
			$(".emojicoll.smltab_"+tabid+"").fadeIn('normal');
		});
		$(".smilesp").hover(function(){
			$(".emojihint").show().html( $(this).attr('data') );
		}).mouseleave(function(){
			$(".emojihint").hide();
		}).click(function(){
			var smlCode = $(this).attr('data');
			SmilesDoInsert(""+smlCode+" ", "", true);
		});
	});
</script>