Toggled Next Div

by Maycon Brito

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>

CSS

table {
    border: 1px solid #D2DDD4;
}

#corpotabela {
    color: #0D4820;
    background-color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    font-family: Calibri;
}

#tabelainfo {
    padding-top: 0px;
    font-size: 12px;
    font-family: Calibri;
    text-align: justify;
    color: #083c06;
    text-decoration: none;
}

element.style {
}
table.bordasimples tr td {
border: 1px solid #D2DDD4;
}
table.bordasimples tr td {
border: 1px solid #D2DDD4;
}
td[Attributes Style] {
text-align: -webkit-center;
}
user agent stylesheettd, th {
    display: table-cell;
    vertical-align: inherit;
}
Inherited from tr#corpotabela
#corpotabela {
    color: #0D4820;
    background-color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    font-family: Calibri;
}
#corpotabela {
    color: #0D4820;
    background-color: #FFFFFF;
    text-align: left;
    font-size: 12px;
    font-family: Calibri;
}

#tabelainfo {
    padding-top: 0px;
    font-size: 12px;
    font-family: Calibri;
    text-align: justify;
    color: #083c06;
    text-decoration: none;
}
#tabelainfo {
    padding-top: 0px;
    font-size: 12px;
    font-family: Calibri;
    text-align: justify;
    color: #083c06;
    text-decoration: none;
}
table.bordasimples {
    border-spacing: 0px;
    border: 1px solid #D2DDD4;
}

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();
        
    });