Jquery SharePoint 2010功能区隐藏/{在库项目选择或其他事件时显示}

我正在创建SharePoint 2010的品牌，默认情况下，我会隐藏功能区，并在用户单击向下箭头时显示。用户可以通过单击隐藏图标再次隐藏它。jquerytoggle和toggleClass工作得很好

    <div id="ribbonHide">
        <a class="toolTipHover" href="#">
            <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');">
                <span class="ribbonHideToolTipOpen">Display the Ribbon</span><span class="ribbonHideToolTipClose">Hide the Ribbon</span>
            </div>
        </a>
    </div>

问题在于，当用户单击库项目的选择器复选框时，整个标题行将消失，因为当功能区选择“库工具”选项卡/库窗格时，标题行将被替换。但是丝带仍然隐藏着。网站标题横幅也是如此

问题：如何侦听触发功能区更改的页面事件（任何），以便再次显示它？

---

谢谢

好了，我又回到这个话题上了。答案是更改母版页和CSS中s4 titlerow div的id。这会将其隐藏在功能区定位系统中

然后，为了防止功能区定位系统在单击某些选项卡后破坏我的布局，并且功能区再次隐藏，我在功能区显示/隐藏脚本中添加了对功能区自己的“修复器”功能的调用：

<div id="ribbonHide">
    <a class="toolTipHover" href="#">
        <div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');FixRibbonAndWorkspaceDimensions();">
            <span class="ribbonHideToolTipOpen">Display the Ribbon</span> <span class="ribbonHideToolTipClose">
                Hide the Ribbon</span>
        </div>
    </a>
</div>

---

我再高兴不过了，用丝带来对抗自己

当用户打开和关闭功能区时，您是否愿意分享您如何设置上下箭头和相应文本的样式？那将意味着很多！对不起，我从来没有重温过这个帖子。我对箭头使用精灵，对跨度使用悬停技巧：。向下箭头小{位置：绝对；高度：10px；宽度：10px；背景图像：url（'/_layouts/images/fgimg.png'）；背景位置：-2px-632px；背景重复：无重复；}.uparrowsall{位置：绝对；高度：10px；宽度：10px；背景图像：url（'/_layouts/images/fgimg.png'）；背景位置：0px-445px；背景重复：无重复；}a.toolTipHover{position:relative；display:block；z-index:24；}a.toolTipHover span{display:none；}a.toolTipHover:hover.downArrowSmall.ribbonHideToolTipOpen{位置：相对；显示：内联块；空白：nowrap；顶部：2em；左侧：2em；边框：1px纯灰；颜色：#FFFFFF；}a.toolTipHover:hover.upArrowSmall.RibbonHideToolTiPose{位置：相对；显示：内联块；空白：nowrap；顶部：2em；左侧：2em；边框：1px纯灰；颜色：#FFFFFF；}