Click não funciona!

Olá!

Preciso que um botão (div) quando receber um clique, exiba um conteúdo, saindo ela da direta do site para esquerda, e o mesmo botão ao receber novamente o clique, a oculte voltando ao seu estado original. A segunda função com o onmouseover funcionou, porém não com o clique.

script responsável

<script>
 $(document).ready(function(){
 $(".try_indicator").click(function(){
 $("#caixa").removeClass("esconde");
 $("#caixa").addClass("mostra");
 $("#heart_cheio").css("display", "block");
 $("#heart_vazio").css("display", "none");
 $("#fav_vert").css("color", "transparent");
 $("#fav_hor").css("display", "block");
 $("#heart").css("display", "block");
 $("#ver_todos").css("display", "block");
 $(".try_indicator").addClass("try_indicator_open");
 });
 $("#caixa").click(function(){
 $("#caixa").removeClass("mostra");
 $("#caixa").addClass("esconde");
 $("#heart_cheio").css("display", "none");
 $("#heart_vazio").css("display", "block");
 $("#fav_vert").css("color", "black");
 $("#fav_hor").css("display", "none");
 $("#ver_todos").css("display", "none");
 $(".try_indicator").removeClass("try_indicator_open");
 });
 });
 </script>