为什么我的jquery主菜单标题没有与IE边缘和10中的导航滑动？

Question

当用户点击汉堡包按钮时，我试图让jquery主菜单标题与导航一起滑动。在Chrome，Safari和FF中，这样可以正常工作，但在IE边缘和10中，标题保持原位，而其余内容向右滑动，因此导航的顶部部分被切断。谁知道为什么？

由于

我的代码：

<nav id="my-menu" class="visible-xs">
        <ul>
            <li class="Selected"><a href="index-privacy-1.html">Privacy & Security</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Cookies, Ads & More</a></li>
            <li><a href="#">Resume Security</a></li>
            <li><a href="#">Email Scams</a></li>
            <li><a href="#">FAQs</a>
                <ul class="Vertical">
                    <li><a href="faq-monster.html">About Monster</a></li>
                    <li><a href="faq-data-collection.html">Data Collection</a></li>
                    <li><a href="faq-data-usage.html">Data Usage</a></li>
                    <li><a href="faq-data-sharing.html">Data Sharing</a></li>
                    <li><a href="faq-data-storage.html">Data Storage</a></li>
                    <li><a href="faq-cookies.html">Cookies & Tracking</a></li>
                    <li><a href="faq-advertising.html">Advertising</a></li>
                    <li><a href="faq-account.html">Account Profile & Management</a></li>
                    <li><a href="faq-email.html">Email & Other Communications</a></li>
                    <li><a href="faq-safeguarding.html">Safeguarding Data</a></li>
                    <li><a href="faq-jobapp.html">Job Application Process</a></li>
                    <li><a href="faq-privacystandard.html">Privacy Standards</a></li>
                </ul>
            </li>
            <li><a href="#">Contact Us</a></li>
        </ul>
    </nav> 

jsfiddle