Dynamic navigation bar with jQuery
I want to create a "changing" navigation bar.
The nav bar should change with a click on one of the nav elements.

the code looks like this :

    <ul>
      <li> Type
        <ul>
          <li> <a href=""> one </a></li>
          <li> <a href=""> two </a></li>
        </ul>
      </li>
      <li> Gender </li> // Lets say that this is replaceable

if I click on "one" it's "Gender".
and when I click on "two" it's suppose to change to "blabla".

I wanted to ask what is the best way to replace the nav menu with jQuery, 
I tried replacing the HTML with .html() func but I don't know where to save my replaced code.

Meaning, I wanted to know what is the best way to keep all the code on the DOM and each time change the nav bar when clicked.

Thanks, 
robi




Dynamic navigation bar with jQuery
===

I want to create a "changing" navigation bar.
The nav bar should change with a click on one of the nav elements.

the code looks like this :

    <ul>
      <li> Type
        <ul>
          <li> <a href=""> one </a></li>
          <li> <a href=""> two </a></li>
        </ul>
      </li>
      <li> Gender </li> // Lets say that this is replaceable

if I click on "one" it's "Gender".
and when I click on "two" it's suppose to change to "blabla".

I wanted to ask what is the best way to replace the nav menu with jQuery, 
I tried replacing the HTML with .html() func but I don't know where to save my replaced code.

Meaning, I wanted to know what is the best way to keep all the code on the DOM and each time change the nav bar when clicked.

Thanks, 
robi



