I'm having a page Say VFPage1 with class apex1
In my page2, my code is something like this
var arr = document.getElementById("contactandaccount"); alert(arr); //getting null here
<apex:define name="sidebar">
<div id="sidebar">
<ul style="display: block;" class="leftnav nav ">
<li class="submenu1 active"><a href="#account" data-toggle="tab"><i class="icon icon-home"></i> <span> Accounts</span></a></li>
<li><a href="#contactandaccount" data-toggle="tab"><i class="icon icon-tasks"></i> <span>Contacts and Accounts</span> </a></li></ul>
<div id="account" class="tab-pane">
<apex:include pageName="formtemplate" style="display-none;"/>
</div>
<div id="contactandaccount">
<apex:include pageName="Includetemplate" style="display-none;"/>
</div>
</div>
</div>
</apex:define>
</apex:page>
When I click on API Accounts
VFPage1 should be displayed.Similarly for the other tabs also.I want a individual Vf Page and class should get displayed for each object(i.e., for api accounts,Contacts,Opportunities etc) But here nothing get displayed
What was the mistake I'm doing here