jquery - onclick関数でメニューの位置をそれぞれ変更する方法

Question

私はjQueryが初めてで、次のタイプのようなメニューがあります

いくつかのメニューをクリックした後、このようにメニューの位置を変更してから、このような別のメニューの位置をクリックします。それぞれページをリロードした後にメニューの位置を変更するには?

Answer 1

これを実現する最善の方法は、次のようなクラスで要素をスタイルすることです。

'main'
'sub'.

メインのクラスを持つものは、左側に配置する CSS スタイルがあります。

次に、jQuery を使用して、クリックするだけでクラスを切り替えます。

$('a').click(function(){
    $(a).removeClass('main');
    $(this).addClass('main');
});