I am implementing a site with CodeIgniter 3 and I am using the HTML helper which works fine for what I need. I have the following arrays for my UL
$links = array(
anchor(index_page(),"Home",(uri_string() == "" ? array('class' => 'active') : '')),
anchor("about-us","About Us",(uri_string() == "about-us" ? array('class' => 'active') : '')),
anchor("customers","Customers",(uri_string() == "customers" ? array('class' => 'active') : '')),
anchor("policy","Policy",(uri_string() == "policy" ? array('class' => 'active') : '')),
anchor("contact","Contact",(uri_string() == "contact" ? array('class' => 'active') : ''))
);
$attributes_normal = array(
'id' => 'main_menu'
);
So, after having those arrays I initialize my ul like this:
<?php echo ul($links, $attributes_normal); ?>
The result is as follows (about us section open for the example):
<ul id="main_menu">
<li><a href="http://mysitesurl/">Home</a></li>
<li><a href="http://mysitesurl/about-us" class="active">About Us</a></li>
<li><a href="http://mysitesurl/customers">Customers</a></li>
<li><a href="http://mysitesurl/policy">Policy</a></li>
<li><a href="http://mysitesurl/contact">Contact</a></li>
</ul>
The only question I have here, is there any way to pass the active link condition to the <li>
element. I am using Zurb Foundation 5 and by default it adds the class="active"
to the <li>
element, so I want to use the default CSS.