我需要使用 CSS 切换基于切换的图标和文本。最初,功能区将被隐藏。如何根据我的 JavaScript 分配的 css 类进行图标和文本交换?是推拉门的技术吗?
HTML:
<div id="ribbonHide">
<a class="toolTipHover" href="#">
<div class="downArrowSmall">
<span class="ribbonHideToolTipOpen">Display the Ribbon</span>
<span class="ribbonHideToolTipClose">Hide the Ribbon</span>
</div>
</a>
</div>
JavaScript:
$('.toolTipHover > div').on('click', function() {
$('#s4-ribbonrow').toggle();
$(this).toggleClass('downArrowSmall upArrowSmall');
FixRibbonAndWorkspaceDimensions();
});