Mudar função de hover para onclick

[mruoppolo 14]

Olá, tudo bem?

Eu tenho uma função no meu site que adiciona uma classe em uma div no on hover, eu gostaria de mudar para onclick, mas quando eu substituo o hover por onclick ele para de funcionar, detalhe o click precisa ser feito em um botão com a ID saibaMais porém a classe precisa ser adicionada a div com a classe et_pb_code_5.

Basicamente, adaptar a função abaixo para quando clicar no botão id saibaMais ele adicionar a classe flip na div com a classe .et_pb_code_5.

<script>
(function($) {
$(document).ready(function(){
$('.et_pb_code_5').hover(function(){
$(this).addClass('flip');
},function(){
$(this).removeClass('flip');
});
});
})(jQuery);
</script>

Como eu devo editar esta função??

Muito obrigado :D

[William Bruno 1501]

você quer que ao clicar no botão, o outro elemento tenha a função de hover?

se for isso que entendi..

<script>
(function($) {
  $(document).ready(function(){
    $('#saibaMais').on('click', function() {
      $('div').addClass('et_pb_code_5')
    })
    
    $('body').on('hover', '.et_pb_code_5', function(){
      $(this).addClass('flip');
    },function(){
      $(this).removeClass('flip');
    });
  });
})(jQuery);
</script>

[mruoppolo 14]

Olá William, cara na verdade não é bem isso, seria o seguinte o botão esta dentro da div, assim quando clicar nele a div vai sofrer aquele efeito de flip, no caso esta função que consegui criar até funciona no jsfiddle, porém quando eu coloco no site dizendo que $() não é uma função, da uma olhada na página: https://wunderdigital.com.br/home-com-efeito-flip-card o curso seria:

SEO para WordPress: Coloque seu Site nas Primeiras Posições do Google

Tem o botão de saiba mais, quando clica nele o erro aparece no firebug

$(document).ready(function() {
	
  var button = $('#saibaMais5');
  var divLol = $('.et_pb_code_5');
  
  button.on('click', function() {
  	divLol.hasClass('flip') ? divLol.removeClass('flip') : divLol.addClass('flip');
  });


}) 

[William Bruno 1501]

sim, realmente não tem $ na tua página.

use jQuery no lugar do $.

[mruoppolo 14]

Seria apenas escrever jQuery no lugar do $, por exemplo ficaria jQuery() no lugar de $.() ???