javascript - 2 つの UL がリンクされています。LI をクリックして、両方の UL の LI にアクティブを追加します。

Question

私は 2 つの UL を持っています。そのうちの 1 つは私のリンクで、もう 1 つは画像です。

あるリストから LI をクリックして、別の ul からリンクされた li を表示できるようにしたいと考えています。十分に説明できたことを願っています。

解決策を見つけるために UL のインデックスを作成しようとしましたが、これまでのところ運がありません。私の試みについては以下を参照してください。どんな助けでも本当に感謝しています。私はjQueryにかなり慣れていません。

JSFIDDLE

<ul class="options">
    <li class="active">Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
</ul>

<ul class="destination">
    <li class="active">Destination 1</li>
    <li>Destination 2</li>
    <li>Destination 3</li>
</ul>

    $(function(){

    $(".options li").each(function(index) {
        $(this).addClass('option' + index);
    });

    $(".destination li").each(function(index) {
        $(this).addClass('destination' + index);
    }); 

    $(".options li").click(function(e){
        $(".options li").removeClass('active');   
        $(this).addClass('active');    
    });

});