Próbuję utworzyć system nawigacyjny dla mojej witryny, używając następujących elementów:

<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>

Chcę to zrobić, gdy użytkownik kliknieTest 1 okruchy chleba sąHome / Test 1, jeśli następnie kliknąTest 2 i wtedyLevel 1, okruchy chleba staną sięHome / Test 1 / Level 2

Sprawdzałem jQuery, aby to zrobić, ale nie jestem pewien, jak najlepiej podejść.

Jakiekolwiek pomysły będą mile widziane

Dzięki