JS + DIV как не допустить скрытия элемента по нажатию на блок?
Здравствуйте, подскажите что мне добавить в этот скрипт, что бы по нажатию на блок div он не исчезал?
<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script>
$(document).ready(function(){
$("h3").hide();
$("#p_id_1").show();
$("tr td").click(function(){
$("h3").hide();
$("#p_id_"+$(this).attr("p_id")).show();
});
});
</script>
<table>
<tr>
<td p_id="1">Первая</td>
<td p_id="2">Вторая</td>
<td p_id="3">Третья</td>
<td p_id="4">Четвертая</td>
</tr>
</table>
<h3 id="p_id_1">
От первой
</h3>
<h3 id="p_id_2">
От второй
</h3>
<h3 id="p_id_3">
От третьей
</h3>
<h3 id="p_id_4">
От четвертой
</h3>
|