jquery - ドロップダウン メニューを通常のリンクとして変更する方法

Question

私はメトロUI CSSを使用しています。http://beta.kenosys.in。大型デバイスの atag で href を使用し、小型デバイスでドロップダウンとして機能するように、サービス メニューに html ファイルをロードする方法を教えてください。

<div class="container">
    <a class="app-bar-element branding " href="index.html"><img   src="images/logo.png" alt=""></a>
        <ul class="app-bar-menu place-right">
            <li active-link"><a href="index.html"> Home</a></li>
        <li ><a  href="about.html">About Us</a></li>
        <li id="services"><a href="javascript:void(0);" ">Services</a>
                <ul id="s-drop" class="d-menu" data-role="dropdown">
            <li ><a  href="embedded_systems_design.html">Embedded Systems Design</a></li>
            <li ><a  href="">Website Design</a></li>
            <li ><a  href="fpga_design.html">FPGA Hardware Design</a></li>
            <li ><a  href="">PCB Design</a></li>
            </ul>
        </li>
        <li><a href="blog.html">Blog</a></li>
        <li ><a href="https://github.com/kenosys">Resources</a></li>
    </ul>
    <div class="app-bar-pullbutton automatic fg-grayDarker bg-white"
</div>