title: Open pdf in a <div> on click of menu
body: <p>In my project i had a side menu(left). <code>OnClick</code> of each <strong>Button</strong> in  menu a pdf should be loaded in middle of my page(i.e., in a <code>div</code>).I am able to load a pdf in middle of my page(<code>div</code>),but not on click of my menu <strong>Buttons</strong>. <code>iframes</code> should not be used in my project.please help me out</p>
  
  <p>Here is my code(sample code) on click of menu items the pdf should load in div class="col-sm-9 col-md-10"</p>
  
  <pre><code>&lt;div class="col-sm-3 col-md-2 sidebar"&gt;
  
   &lt;ul class="nav nav-sidebar"&gt;
                  &lt;li style="padding-left:1em;"&gt;&lt;h4&gt;MENU&lt;/h4&gt;&lt;/li&gt;
                  &lt;li class="active"&gt;&lt;a href="shows.aspx" class="user-icon"&gt;TV Shows&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="history.aspx" class="sub-icon"&gt;History&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="menu1"&gt;Movies&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" class="menu"&gt;Sports&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="shows.aspx" class="user-icon"&gt;TV Shows&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;div class="col-sm-9 col-md-10"&gt;
  </code></pre>
  
  <p></p>