Eu estou precisando manipular uma div
a partir do click em outra div
.
Basicamente, uma está em cima da outra, quero clicar na de cima e assim a de baixo executa o evento .toggled()
. Porém uma não pode estar dentro da outra.
HTML
<div id="titulo" class=" toggled " align="left">Histórico</div>
<br>
<div id="divTabela">
<table id="tabelainfo" name="tabelainfo" class=" bordasimples ">
<thead>
<tr id="titulotabela">
<th>Data</th>
</thead>
<tbody>
<tr id="corpotabela">
<td align="center">15/5/2014 </td></tr>
<tr id="corpotabelaalt" align="center">
<td align="center">16/5/2014 10:56:10</td></tr>
<tr id="corpotabela">
<td align="center">16/5/2014 11:00:28</td></tr>
</tbody>
</table>
<br><br></div>
JavaScript
$("*").on("click", ".toggled", function(event){
event.preventDefault();
event.stopPropagation();
console.log($(this));
$(this).css({"color":"red","border":"2px solid red"});
$(this).next("div").toggle();
});
O que vocês me sugerem?