j查询菜单滑动和更改按钮文本

jquery menu slide and change button text

本文关键字：按钮 文本 查询 菜单      更新时间：2023-09-26

好的，所以我从这里使用幻灯片菜单，我想在单击按钮时更改按钮文本以显示或隐藏例如，这是我迄今为止在离线安装中唯一的顶部菜单的代码

<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>
		<script>
			var menuTop = document.getElementById( 'cbp-spmenu-s3' ),
				showTop = document.getElementById( 'showTop' ),
				body = document.body;
		
			showTop.onclick = function() {
				
				classie.toggle( this, 'active1' );
				classie.toggle( menuTop, 'cbp-spmenu-open' );
				disableOther( 'showTop' );
			};
			
			function disableOther( button ) {
				if( button !== 'showTop' ) {
					classie.toggle( showTop, 'disabled' );
				}
			}
			
		</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 函数下的第一个脚本做一些事情来更改按钮文本而不仅仅是类。

你在点击函数中缺少这个：

showTop.onclick = function() {
    if (showTop.innerHTML == 'Show') {
        showTop.innerHTML = 'Hide';
    } else { 
        showTop.innerHTML = 'Show';
    };
相关文章：