Menu icon Foundation

My Posts



My Comments

A Walden commented on A Walden's post over 3 years

Hi thanks for your reply.
 
I'm using Foundation 4 at the moment (my WP theme is bound with F4, i'll be updating this in the near future).
 
I've tried fixing my indentation, hopefully this makes it clearer:
 

<!-- this is the main menu item that shows and needs to be clicked to show the rest-->

<li><a data-dropdown="drop1" aria-controls="drop1" aria-expanded="false">Browse <i class="fa fa-caret-down"></i></a></li>

<!-- This is the first submenu item that is clickable but should not open-->
<ul id="drop1" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li id="sub-nav"><a href="#"> Browse all</a></li>

<!-- this is the second submenu item that should be closed and open on click -->
<li id="sub-nav"><a data-dropdown="drop2" aria-controls="drop2" aria- expanded="false">Browse Categories <i class="fa fa-caret-down"></i></a></li>

<!-- these are the submenu items of the above that should show upon clicking 'browse categories'-->

   &lt;ul id="drop2" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1"&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 1&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 2&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 3&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 4&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 5&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
&lt;/ul&gt;</code></pre>

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on A Walden's post over 3 years

Hi thanks for your reply.
 
I'm using Foundation 4 at the moment (my WP theme is bound with F4, i'll be updating this in the near future).
 
I've tried fixing my indentation, hopefully this makes it clearer:
 

<!-- this is the main menu item that shows and needs to be clicked to show the rest-->

<li><a data-dropdown="drop1" aria-controls="drop1" aria-expanded="false">Browse <i class="fa fa-caret-down"></i></a></li>

<!-- This is the first submenu item that is clickable but should not open-->
<ul id="drop1" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1">
<li id="sub-nav"><a href="#"> Browse all</a></li>

<!-- this is the second submenu item that should be closed and open on click -->
<li id="sub-nav"><a data-dropdown="drop2" aria-controls="drop2" aria- expanded="false">Browse Categories <i class="fa fa-caret-down"></i></a></li>

<!-- these are the submenu items of the above that should show upon clicking 'browse categories'-->

   &lt;ul id="drop2" class="f-dropdown" data-dropdown-content aria-hidden="true" tabindex="-1"&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 1&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 2&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 3&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 4&lt;/a&gt;&lt;/li&gt;
      &lt;li id="sub-nav"&gt;&lt;a href="#"&gt;Category 5&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
&lt;/ul&gt;</code></pre>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content