jquery - オールインワン サイトのブレッドクラム ナビゲーション

Question

表示および非表示にするページのさまざまな部分を表す一連のリンクがあります。

リンクのリストは次のとおりです。

  <ul id="breadcrumbs">

      <li><a href="index.php">Home</a></li>

      <li><a href="">1. Section1</a></li>

      <li><a href="">2. Section2</a></li>

      <li><a href="">3. Section3</a></li>

      <li><span></span></li>

    </ul>

それらの目的は、ユーザーがプロセスのどこにいるかを示すことです。

これらのリンクをクリック可能にして、ナビゲーション目的で使用できるようにしたいと考えています。

ただし、前のステップで関連するコンテンツを選択していない場合、ユーザーはステップをスキップできません。そして最終的に、必要なすべての手順を完了したら、以前の手順に戻って確認できるようにしたいと考えています。現時点では、すべてのコンテンツが同じページにあるため、戻るボタンを押すと、ページはデフォルトでホームページになります。

jquery スクリプトの「可視」セクションにクラスを適用し、クラスをチェックしてリンクを処理する if/else ステートメントを実行するとうまくいくと思いましたが、それは非効率的であることが判明しました。

誰かがこれを行うための最良の方法を明らかにすることができますか? たぶん、ここで SWITCH ステートメントが適切でしょうか?