Copy link to clipboard
Copied
HI Guys
I am getting a little perplexed on where I add my class to code for my selected state. Any help
<link href="../../../Assets/CSS/menuzord.css" rel="stylesheet" type="text/css" >
<script type="text/javascript" src="../../../Assets/Scripts/menu/menuzord.js"></script>
<script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#menuzord").menuzord();
});
</script>
<div id="menuzord" class="menuzord">{tag_menugroup}</div>
<!-- the following script is needed to set the selected state -->
<script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script>
<script type="text/javascript" >
// ids need to be unique per page, use different ones if you are including multiple menus in the same page
// id of the nav tag, used above
var divTagId = "menuzord";
// desired id for 1st <ul> tag
var ulTagId = "dropdown";
// desired class for 1st <ul> tag
var ulTagClass = "menuzord-menu";
if ((null !== ulTagId) && ("" !== ulTagId)) {
document.getElementById(divTagId).getElementsByTagName("ul")[0].setAttribute("id",ulTagId);
}
if ((null !== ulTagClass) && ("" !== ulTagClass)) {
document.getElementById(divTagId).getElementsByTagName("ul")[0].className = ulTagClass;
}
// this will set the selected state
if ((null !== ulTagId) && ("active" !== ulTagId)) {
catSetSelectedCSSItem(ulTagId);
}
</script>
<div id="menuzord" class="menuzord">
<ul class="dropdown dropdown-left">
<li ><a href="/home.html">Home</a></li>
<li ><a href="/News.html">News</a>
<ul class="dropdown dropdown-left">
<li ><a href="/News-Latest.html">Latest</a></li>
<li ><a href="/News-Archive.html">Archive</a></li>
</ul>
</li>
<li ><a href="/Club.html">Club</a>
<ul class="dropdown dropdown-left">
<li ><a href="/Club-About.html">About</a></li>
<li ><a href="/Club-History.html">History</a></li>
<li ><a href="/Club-Club-Documents.html">Club Documents</a></li>
<li ><a href="/Club-Login.html">Club Login</a></li>
</ul>
</li>
<li ><a href="/Teams.html">Teams</a>
<ul class="dropdown dropdown-left">
<li ><a href="">Mens</a></li>
<li ><a href="">Womens</a></li>
<li ><a href="">U15</a></li>
</ul>
</li>
<li ><a href="/Fixtures.html">Fixtures</a>
<ul class="dropdown dropdown-left">
<li ><a href="">Mens</a></li>
<li ><a href="">Womens</a></li>
<li ><a href="">U15</a></li>
</ul>
</li>
<li ><a href="/Gallery.html">Gallery</a></li>
<li ><a href="/Sponsors.html">Sponsors</a>
<ul class="dropdown dropdown-left">
<li ><a href="">Friends of Thunder</a></li>
</ul>
</li>
<li ><a href="/Links.html">Links</a></li>
<li ><a href="/Events.html">Events</a></li>
<li ><a href="/store">Shop</a></li>
<li ><a href="/Contact.html">Contact</a></li>
<li ><a href="/Join.html">Join</a></li>
<li ><a href="/Login.html">Login</a></li>
</ul>