Estoy tratando de crear un sistema de navegación para mi sitio usando lo siguiente:

<div class="breadcrumb">
    <div class="item"><a href="#home">Home / </a></div>
</div>

<div class="items">
   <ul>
     <li><a href="#test1">Test 1</a></li>
     <li><a href="#test1">Test 2</a>
        <ul>
            <li><a href="">Level 1</a></li>
            <li><a href="">Level 2</a></li>
        </ul>
     </li>
     <li><a href="#test1">Test 3</a></li>
  </ul>
</div>

Lo que quiero hacer es que cuando un usuario hace clic enTest 1 la miga de pan esHome / Test 1, si luego hacen clic enTest 2 y entoncesLevel 1, la migaja se convertirá enHome / Test 1 / Level 2

He estado buscando jQuery para hacer esto, pero no estoy 100% seguro de cuál es la mejor manera de abordarlo.

Cualquier idea será altamente apreciada

Gracias