Как переключить конкретную функцию JavaScript одним щелчком мыши?

Question

Нам нужно отключить и снова включить одним щелчком мыши функцию, которая показывает нам количество символов в пределах множества

. 

 Функция, которую мы используем: 

<script type="text/javascript">
$(window).load(function(){
    $(document).ready(function(){
    $('pre').each(function(i){
        var iCharacters = $(this).text().length;
            $(this).prepend("<b style='color:red'>" + iCharacters + " </b>");
        });
    });
});
</script>

Большое спасибо за вашу помощь заранее.

Answer 1

Я полагаю, что простым способом сделать это было бы всегда отображать числа, но они скрывали или отображали их по нажатию кнопки, используя метод переключения jQuery.Вы можете найти рабочий пример здесь: https://jsbin.com/pohagaz/1/edit?html,js,output.

$("pre").each(function(i){
  var iCharacters = $(this).text().length;
  $(this).prepend("<b class='charCount' style='color:red'>" + iCharacters + " </b>");
});

$("#showCounts").click(function() {
  $(".charCount").toggle();
});