jQuery переключить действие кнопки на флажок действия

Question

Привет, я использую код для Wordpress и конструктор тем DIVI. Я действительно новичок с JS и jQuery. Код обеспечивает функции ночного режима при нажатии на кнопку. Я нахожу кнопку переключателя на Codepen, и она мне нравится, и я бы хотел использовать ее для кода ниже. Этот код JQuery предназначен для действия кнопки «щелчок», но я бы хотел настроить его так, чтобы он реагировал на «флажок». Можно ли сделать тумблер с флажком?

вот ссылка: Ссылка с сайта

<script type="text/javascript">
jQuery(document).ready(function() {
// Hide the div
jQuery('#rv_button').click(function(e){
e.preventDefault();jQuery(".reveal").toggleClass('light dark', 1000);
jQuery('#rv_button').toggleClass('opened closed');
});
});
</script>

Answer 1

Ты выглядишь примерно так?

<style>
.light{
  background:red;
}
.dark{
  background:green;
}
</style>

<div class="container">
  <div class="row">
    <input type="checkbox" class="checkboxdav" id="customCheck1"><span class="color_code dark">Checkbox</span>   
  </div>
</div>

</body>
<script>
 $(document).ready(function() {
  $(".checkboxdav").on("click", function(e) {
      $(".color_code").toggleClass('light dark');
  });
});
</script>