jQuery меню слайд и текст кнопки изменения

Question

ОК, поэтому я использую меню слайдов отсюда slide menu, и я хочу изменить текст кнопки, когда его щелкнул, чтобы показать, например, показать или скрыть, это код, который у меня есть только для верхнего меню, поэтому далеко на моем автономном установке

<button id="showTop" class="menubtn" data-text-swap="Show">Show</button> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<script src="js/modernizr.js"></script> 
 
<script src="js/classie.js"></script> 
 
\t \t <script> 
 
\t \t \t var menuTop = document.getElementById('cbp-spmenu-s3'), 
 
\t \t \t \t showTop = document.getElementById('showTop'), 
 
\t \t \t \t body = document.body; 
 

 
\t \t 
 
\t \t \t showTop.onclick = function() { 
 
\t \t \t \t 
 
\t \t \t \t classie.toggle(this, 'active1'); 
 
\t \t \t \t classie.toggle(menuTop, 'cbp-spmenu-open'); 
 
\t \t \t \t disableOther('showTop'); 
 
\t \t \t }; 
 
\t \t \t 
 

 
\t \t \t function disableOther(button) { 
 

 
\t \t \t \t if(button !== 'showTop') { 
 
\t \t \t \t \t classie.toggle(showTop, 'disabled'); 
 
\t \t \t \t } 
 

 
\t \t \t } 
 
\t \t \t 
 
\t \t </script>

я пытался что-то упоминалось в другом посте

$('.SeeMore2').click(function(){ 
 
    var $this = $(this); 
 
    $this.toggleClass('SeeMore2'); 
 
    if($this.hasClass('SeeMore2')){ 
 
     $this.text('See More');   
 
    } else { 
 
     $this.text('See Less'); 
 
    } 
 
});

но это не помогло, так что я могу сделать с первым скриптом под функцией showTop.onclick, чтобы также изменить текст кнопки, а не только класс.

Answer 1

Вы упускаете это из вашей функции мыши:

showTop.onclick = function() { 

    if (showTop.innerHTML == 'Show') { 

     showTop.innerHTML = 'Hide'; 

    } else { 

     showTop.innerHTML = 'Show'; 

    };