私は 2 つの UL を持っています。そのうちの 1 つは私のリンクで、もう 1 つは画像です。
あるリストから LI をクリックして、別の ul からリンクされた li を表示できるようにしたいと考えています。十分に説明できたことを願っています。
解決策を見つけるために UL のインデックスを作成しようとしましたが、これまでのところ運がありません。私の試みについては以下を参照してください。どんな助けでも本当に感謝しています。私はjQueryにかなり慣れていません。
<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');
});
});