JavaScript creating a drop down menu function creating drop down in excel,creating drop down menu in

i have a little problem with my drop menu function. what i want to have is that after clicking a menu tab for the second time it visibility should be hidden.

here is my code....

HTML:-

<nav class="clearfix">
    <ul>
        <li class="navTab marginRight">
            <a><span class="iconFont">v</span></a>
            <ul>
                <li><a></a></li>
                <li><a></a></li>
            </ul>
        </li>
        <li class="navTab marginRight">
            <a><span class="iconFont">v</span></a>
            <ul>
                <li><a></a></li>
                <li><a></a></li>
            </ul>
        </li>
        <li class="navTab">
            <a><span class="iconFont">v</span></a>
            <ul>
                <li><a></a></li>
                <li><a></a></li>
            </ul>
        </li>
    </ul>
</nav>

CSS:-

.navTab ul.visible {
  visibility: visible;
}

.navTab ul {
  display: inline;
  visibility: hidden;
  padding: 0px;
  z-index: 200;
  position: absolute;
  left: 0;  
}

jQuery:-

$(document).ready(function(){
  var list = $('.navTab ul'); 

  $('li.navTab').click(function(){
    var thatIndex = $(this).index();
    list.not( ':eq(thatIndex)' ).removeClass('visible');
    list.eq(thatIndex).addClass('visible');
  });
});
Answer:1

I currently have a radial progress bar like a 'solid' border and I'd like to have a radial progress bar with sections (like a 'dashed' border but with more control on it). What I'm looking for : ...

I currently have a radial progress bar like a 'solid' border and I'd like to have a radial progress bar with sections (like a 'dashed' border but with more control on it). What I'm looking for : ...

I'm following this awesome blog and there is a simple example of generators with sending a value for the .next() method: var answers = [ `It is certain`, `It is decidedly so`, `Without a doubt`, `...

I'm following this awesome blog and there is a simple example of generators with sending a value for the .next() method: var answers = [ `It is certain`, `It is decidedly so`, `Without a doubt`, `...

  1. python generator input value

When I'm trying to do object-oriented pure JS with private methods, I frequently do the following (function(exports) { var Foo = function(num) { this.num = num }; var addTwo = function() {...

When I'm trying to do object-oriented pure JS with private methods, I frequently do the following (function(exports) { var Foo = function(num) { this.num = num }; var addTwo = function() {...

  1. private object functions
  2. javascript private functions in object

I have some text on a page which I get using a variable: <p class="category-list-replace">ksadj| lksd| sakdj</p> <p class="category-list-replace">sdawfe| nekesa</p> <p ...

I have some text on a page which I get using a variable: <p class="category-list-replace">ksadj| lksd| sakdj</p> <p class="category-list-replace">sdawfe| nekesa</p> <p ...

  1. replace characters html
  2. replace html characters javascript
  3. replace html characters c#
  4. replace html characters java
  5. replace html characters php
  6. replace html characters in sql
  7. replace html characters swift
  8. replace special characters html
  9. vba replace html characters
  10. js replace html characters
  11. python replace html characters
  12. mysql replace html characters
  13. oracle replace html characters
  14. jquery replace html characters
  15. html replace characters in a string
  16. replace special characters with html entities
  17. java string replace html characters
  18. php replace special characters html entities
  19. vb.net replace html characters
  20. javascript replace special characters html entities