Tenho o seguinte HTML:
<div class="unidadesTotal">
<div class="unidades">tituloSYS</div>
<div style="display:none" class="unidadesConteudo margin-top-25">
<div class="margin-left-10"> <span>descricaoSYS</span>
</div>
<div class="atendimento unidadesAtendimento margin-top-15 f-left">horário de atendimento</div> <a href="codigoSYS" target="_blank"><div class="unidadesAtendimento unidadesLocalizacao margin-top-15 margin-left-10 f-left">ver localização</div></a>
</div>
</div>
O unidadesTotal
é um botão, quando eu clico nele o unidadesConteudo
deixa der ser display:none e passa a ser display:block, até ai perfeito, aqui está meu Jquery:
$('.unidadesTotal').click(function () {
$(this).parent().find('.unidades').addClass('unidadesHover');
$(this).parent().find('.unidadesConteudo').slideDown();
});
Como eu faria um IF para o botão dar um slideUp?