If you need to hide and display the SharePoint QuickLaunch menu on every page in a site then you are going to have to go into the master page to do it. (Be careful, screwing up a master page can lead to a completely damaged site!)

  1. Choose a location in the master page where you want your QuickLaunch toggle icon to be displayed. (I use the space at the top right of the page, just next to the blue Help Icon).
  2. Place the following line after the link to the Help Icon.

    <td class=”ms-globallinks”><a href=’#’ id=”controller”><img src=”/_layouts/images/bizdatawebpart.gif” border=”0″></td>

  3. You can use any image which suits your purpose from the /_layouts/images/ folder.
  4. In the <HEAD> section of the Master Page, reference the following files which are necessary for the Multiline Preview:

    <script type=”text/javascript” src=”/sites/pathtoyourdoclibrary/LimitMultilineTextInView.js”></script>
    <script type=”text/javascript” src=”/sites/ pathtoyourdoclibrary /jquery-1.3.2.min.js”></script>

  5. Place the following code at the foot of the page, just before the <BODY> tag:

            <script type=”text/javascript” src=”/sites/ pathtoyourdoclibrary /PreviewHover.js”></script>

            <script type=”text/javascript” src=”/sites/ pathtoyourdoclibrary /ToggleQuickLaunch.js”></script>


Please note that the JavaScript files must be in the order specified for the functionality to operate correctly.

If you want to control the width of the mouseover popup, go into the LimitMultilineTextInView.js script and hard-code the width parameter.