show-nav.html

 <nav role="navigation">
    <div id="show-nav" class="show-nav">
        <button class="toggle-shownav" name="Toggle menu">
            <span></span>
            <span></span>
            <span></span>
        </button>
        <ul>
            <li class="item  item-home item-selectable">
                <a href="http://www.thexfactorusa.com/" target=&quot;_blank&quot;>Home</a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>
            </li>
            <li class="item selected item-full-episodes item-selectable">
                <a href="http://www.fox.com/thexfactorusa/full-episodes" target=&quot;_blank&quot;>Full Episodes</a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>
            </li>
            <li class="item  item-clips item-selectable">
                <a href="http://www.thexfactorusa.com/videos" target=&quot;_blank&quot;>Clips</a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>
            </li>
            <li class="item  item-contestants item-selectable">
                <a href="http://www.thexfactorusa.com/contestants" target=&quot;_blank&quot;>Contestants</a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>
            </li>
            <li class="item  item-photos item-selectable">
                <a href="http://www.thexfactorusa.com/photos" target=&quot;_blank&quot;>Photos</a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>
            </li>
            <li class="item  item-recaps item-selectable">
                <a href="http://www.thexfactorusa.com/recaps" target=&quot;_blank&quot;>Recaps</a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>
            </li>
            
            <li class="item  item-extras item-selectable">
                <a href="http://www.thexfactorusa.com/extras" target=&quot;_blank&quot;>Extras <span></span></a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>

                <ul>
                    <li class="subitem item-newsletter">
                        <a href="http://www.thexfactorusa.com/newsletter" target=&quot;_blank&quot;>Newsletter</a>
                    </li>
                        
                    <li class="subitem item-social hub">
                        <a href="http://www.thexfactorusa.com/socialhub" target=&quot;_blank&quot;>Social Hub</a>
                    </li>
                </ul>
            </li>
                        
            <li class="item  item-about item-selectable item-last">
                <a href="http://www.thexfactorusa.com/about" target=&quot;_blank&quot;>About <span></span></a>
                <span class="indicator">
                    <span class="indicator-left"></span>
                    <span class="indicator-right"></span>
                    <span class="indicator-padding"></span>
                </span>
                
                <ul>
                    <li class="subitem item-news">
                        <a href="http://www.thexfactorusa.com/news" target=&quot;_blank&quot;>News</a>
                    </li>
                    <li class="subitem item-about the show">
                        <a href="http://www.thexfactorusa.com/about" target=&quot;_blank&quot;>About the Show</a>
                    </li>
                    <li class="subitem item-judges">
                        <a href="http://www.thexfactorusa.com/about/judges/simon-cowell" target=&quot;_blank&quot;>Judges</a>
                    </li>
                    <li class="subitem item-host">
                        <a href="http://www.thexfactorusa.com/about/host/mario-lopez" target=&quot;_blank&quot;>Host</a>
                    </li>
                    </ul>
            </li>
            
            <div class="mobile-social">
                <li id="social-nav" class="social-nav item">
                    <a href="#" class="social-nav-trigger">Social<span></span></a>
                    <ul class="social-icons-list">
                        <li class="social-icons-item">
                            <a href="SocialIcons" target="_blank" class="model_type">model_type</a>
                        </li>
                        <li class="social-icons-item">
                            <a href="error" target="_blank" class="state">state</a>
                        </li>
                        <li class="social-icons-item">
                            <a href="empty_response" target="_blank" class="error">error</a>
                        </li>
                    </ul>
                </li>
            </div>
        </ul>
    
        <div class="desktop-social">
            <li id="social-nav" class="social-nav item">
                <a href="#" class="social-nav-trigger">Social<span></span></a>
                <ul class="social-icons-list">
                    <li class="social-icons-item">
                        <a href="SocialIcons" target="_blank" class="model_type">model_type</a>
                    </li>
                    <li class="social-icons-item">
                        <a href="error" target="_blank" class="state">state</a>
                    </li>
                    <li class="social-icons-item">
                        <a href="empty_response" target="_blank" class="error">error</a>
                    </li>
                </ul>
            </li>
        </div>
    </div>
</nav>