<nav>
<div class="navWrap">
<ul>
<li class="navItem">
<a href="#do-nothing" class="mainNavItem1">Roofing Systems <i class="zmdi zmdi-chevron-down zmdi-hc-lg"></i></a>
<ul class="subNavItem1">
<li class="subNavItemCol">
<img src="/Assets/Versico/_images/navImg1.jpg" title="Versigard EPDM" alt="Versigard EPDM">
<a href="#" class="subNavHeader">VersiGard EPDM</a>
<a href="#" class="subNavLink">Product Literature</a>
<a href="#" class="subNavLink">Specifications</a>
<a href="#" class="subNavLink">SDS</a>
<a href="#" class="subNavLink">Details</a>
<a href="#" class="subNavLink">Data Bulletin</a>
<a href="#" class="subNavLink">All Documents</a>
</li>
<li class="subNavItemCol">
<img src="/Assets/Versico/_images/navImg2.jpg" title="Versiweld TPO" alt="Versiweld TPO">
<a href="#" class="subNavHeader">VersiWeld TPO</a>
<a href="#" class="subNavLink">Product Literature</a>
<a href="#" class="subNavLink">Specifications</a>
<a href="#" class="subNavLink">SDS</a>
<a href="#" class="subNavLink">Details</a>
<a href="#" class="subNavLink">Data Bulletin</a>
<a href="#" class="subNavLink">All Documents</a>
</li>
<li class="subNavItemCol">
<img src="/Assets/Versico/_images/navImg3.jpg" title="Versiflex PVC" alt="Versiflex PVC">
<a href="#" class="subNavHeader">VersiFlex PVC</a>
<a href="#" class="subNavLink">Product Literature</a>
<a href="#" class="subNavLink">Specifications</a>
<a href="#" class="subNavLink">SDS</a>
<a href="#" class="subNavLink">Details</a>
<a href="#" class="subNavLink">Data Bulletin</a>
<a href="#" class="subNavLink">All Documents</a>
</li>
<li class="subNavItemCol">
<img src="/Assets/Versico/_images/navImg4.jpg" title="Versifleece" alt="Versifleece">
<a href="#" class="subNavHeader">VersiFleece</a>
<a href="#" class="subNavLink">Product Literature</a>
<a href="#" class="subNavLink">Specifications</a>
<a href="#" class="subNavLink">SDS</a>
<a href="#" class="subNavLink">Details</a>
<a href="#" class="subNavLink">Data Bulletin</a>
<a href="#" class="subNavLink">All Documents</a>
</li>
<li class="subNavItemCol">
<img src="/Assets/Versico/_images/navImg5.jpg" title="Insulation" alt="Insulation">
<a href="#" class="subNavHeader">Insulation</a>
<a href="#" class="subNavLink">Product Literature</a>
<a href="#" class="subNavLink">Specifications</a>
<a href="#" class="subNavLink">SDS</a>
<a href="#" class="subNavLink">Details</a>
<a href="#" class="subNavLink">Data Bulletin</a>
<a href="#" class="subNavLink">All Documents</a>
</li>
<li class="subNavItemCol">
<img src="/Assets/Versico/_images/navImg6.jpg" title="More" alt="More">
<a href="#" class="subNavHeader">More</a>
<a href="#" class="subNavLink">Roof Gardens</a>
<a href="#" class="subNavLink">Skylights</a>
<a href="#" class="subNavLink">Multiple Ply</a>
<a href="#" class="subNavLink">Edge Metal</a>
<a href="#" class="subNavLink">Coatings</a>
</li>
</ul>
</li>
<li class="navItem">
<a href="#do-nothing" class="mainNavItem2">Documents <i class="zmdi zmdi-chevron-down zmdi-hc-lg"></i></a>
<ul class="subNavItem2">
<li class="subNavItemCol">
<a href="#" class="subNavLink">SDS</a>
<a href="#" class="subNavLink">Details</a>
<a href="#" class="subNavLink">Specifications</a>
<a href="#" class="subNavLink">Technical Data Bulletin</a>
<a href="#" class="subNavLink">Product Literature</a>
<a href="#" class="subNavLink">Case Studies</a>
<a href="#" class="subNavLink">Codes</a>
<a href="#" class="subNavLink">Warranties</a>
</li>
</ul>
</li>
<li class="navItem">
<a href="#do-nothing" class="mainNavItem3">Resources <i class="zmdi zmdi-chevron-down zmdi-hc-lg"></i></a>
<ul class="subNavItem3">
<li class="subNavItemCol">
<span class="subNavHeader">Press Room</span>
<a href="#" class="subNavLink">Marketing Announcements</a>
<a href="#" class="subNavLink">Press Releases</a>
<a href="#" class="subNavLink">Design Advisories</a>
<a href="#" class="subNavLink">Installation Advisories</a>
<a href="#" class="subNavLink">VersiNews</a>
</li>
<li class="subNavItemCol">
<span class="subNavHeader">Toolbox</span>
<a href="#" class="subNavLink">Forms</a>
<a href="#" class="subNavLink">Letters</a>
<a href="#" class="subNavLink">Submittal Packages</a>
<a href="#" class="subNavLink">Tools</a>
<a href="#" class="subNavLink">QAT Savings Calculator</a>
</li>
<li class="subNavItemCol">
<span class="subNavHeader">Media</span>
<a href="#" class="subNavLink">Installation Videos</a>
<a href="#" class="subNavLink">Webinars</a>
<a href="#" class="subNavLink">V-Learning</a>
</li>
<li class="subNavItemCol">
<span class="subNavHeader">More Resources</span>
<a href="#" class="subNavLink">Green Solutions</a>
<a href="#" class="subNavLink">Corporate Accounts</a>
<a href="#" class="subNavLink">Warranty Services</a>
</li>
</ul>
</li>
<li class="navItem">
<a href="#do-nothing" class="mainNavItem4">Programs <i class="zmdi zmdi-chevron-down zmdi-hc-lg"></i></a>
<ul class="subNavItem4">
<li class="subNavItemCol">
<a href="#" class="subNavLink">Excalibur Rewards</a>
<a href="#" class="subNavLink">Business Builder</a>
<a href="#" class="subNavLink">King's Court</a>
<a href="#" class="subNavLink">Gold Metal</a>
</li>
</ul>
</li>
<li class="navItem">
<a href="#do-nothing" class="mainNavItem5">Company <i class="zmdi zmdi-chevron-down zmdi-hc-lg"></i></a>
<ul class="subNavItem5">
<li class="subNavItemCol">
<a href="#" class="subNavLink">About</a>
<a href="#" class="subNavLink">Employment</a>
<a href="#" class="subNavLink">Contact</a>
<a href="#" class="subNavLink">Events & Training</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
$(document).ready(function () {
$(".mainNavItem1").click(function () {
$(".subNavItem1").toggle();
});
$(".mainNavItem2").click(function () {
$(".subNavItem2").toggle();
});
$(".mainNavItem3").click(function () {
$(".subNavItem3").toggle();
});
$(".mainNavItem4").click(function () {
$(".subNavItem4").toggle();
});
$(".mainNavItem5").click(function () {
$(".subNavItem5").toggle();
});
});
VersiGard EPDM
Product Literature
Specifications
SDS
Details
Technical Data Bulletin
All Documents
VersiWeld TPO
Product Literature
Specifications
SDS
Details
Technical Data Bulletin
All Documents
VersiFlex PVC
Product Literature
Specifications
SDS
Details
Technical Data Bulletin
All Documents
VersiFleece
Product Literature
Specifications
SDS
Details
Technical Data Bulletin
All Documents
Insulation
Product Literature
Specifications
SDS
Details
Technical Data Bulletin
All Documents
More
Roof Gardens
Skylights
Multiple Ply
Edge Metal
Coatings