mdl-materialdesignlite-drawerメニューが機能しませんか？

Question

<div class="mdl-layout--large-screen-only mdl-layout__tab-bar mdl-js-  
ripple-effect mdl-color--primary-dark ">   
    <a href="#Aboutus" class="mdl-layout__tab is-active">Aboutus</a> 
    <a href="#Technology" class="mdl-layout__tab">Technology</a> 
    <a href="#Outsource" class="mdl-layout__tab">Outsourcing</a> 
    <a href="#Training" class="mdl-layout__tab">Training</a> 
    <a href="#Techblog" class="mdl-layout__tab">Techblog</a> 
    <a href="#Careers" class="mdl-layout__tab">Careers</a> 
    <a href="#Contactus" class="mdl-layout__tab">Contactus</a> 
    <button class="mdl-button mdl-js-button mdl-button--fab mdl-js- 
    ripple-effect mdl-button--colored mdl-shadow--4dp mdl-color-- 
    accent" id="add"> 
    <i class="material-icons" role="presentation">add</i> 
    <span class="visuallyhidden">Add</span> 
    </button> 
    </div>   
    </header> 
    <div class="mdl-layout__drawer"> 
    <span class="mdl-layout-title">MaterialDesignLite</span> 
    <nav class="mdl-navigation"> 
    <a href="#Aboutus" class="mdl-navigation__link">Overview</a> 
    <a href="#Training" class="mdl-navigation__link">Features</a> 
    <a href="#features" class="mdl-navigation__link">Details</a> 
    <a href="#features" class="mdl-navigation__link">Technology</a> 
    <a href="#features" class="mdl-navigation__link">FAQ</a> 
    </nav> 
</div> 

質問：MDL-layout__tabバータブがセクションID（例：#Aboutus、＃テクノロジー）と同期され、MDL-引き出し、各コンテンツの別の.htmlファイルを必要として、それはセクションIDで動作していない （例：#Aboutus、＃Technology）、それを達成するための任意の可能な方法であり、むしろ別個のhtmlファイルを作成します。 おかげ

最後に

Answer 1

<div class="mdl-layout__tab-panelmdl-layout__drawer" id="Techblog"> 
<section> 
<div> 
<div> 
<div class="techblogimage"> 
<img class="article-image" src="images/techblog/3.png" border="0" alt=""> 
</div> 
</div> 
</div> 
</section>  
</div> 

私はこれが、この中に捕まってしまったそれらのいくつかsectionblock にMDL-layout__drawerを追加するソリューション.. を助けるしまった...