Se sua ideia seria somente trocar exibir ou esconder seu elemento utilizando um clique, o que você pode fazer seria verificar se o mesmo esta visível ou não, e esconde-lo utilizando is(":visible")
do JQuery. Link com ambos os exemplos.
Para utilizado seria:
$(document).ready(() => {
$('#toca').on('click', (e) => {
if ($('#msg-troca').is(":visible"))
$('#msg-troca').hide();
else
$('#msg-troca').show();
});
});
Agora se sua ideia seja trocar o texto, o que você pode fazer e definir o text e verificar e mudar seu conteúdo:
$(document).ready(() => {
$('#toca').on('click', (e) => {
if ($('#msg-troca').text() === 'Texto 2')
$('#msg-troca').text('Texto 1');
else
$('#msg-troca').text('Texto 2');
});
});
.click(function () {})
, seguindo o mesmo padrão que utilizou emmouseenter
emouseleave
que não possuem oon
– Woss 17/07/19 às 16:08