ブートストラップナビメニューの問題

Question

ブートストラップのサイドとトップのナビゲーションでいくつかの例が見つかりました。私が望むように仕事をしてもらえますが、それがうまくいかないものがいくつかあります：

実例のjsFiddleです。

1）アクティブなクラスをメニュー内のクリックしたアイテムに追加し、それ以前にアクティブなクラスを削除するにはどうすればよいですか？

2）メニューを展開するときにアイコンを下矢印に変更する方法と、左矢印に戻るときにはどうすればよいですか？

3）これと同様の管理パネルで私がインターネット上で見つけたすべての例は、独立したページを持っていました。だから、誰かが再びそれが頭にロードされたメニュー項目、本体部と、すべてのスクリプトをクリックし、私は1つのトップと左側のナビゲーションを使用してファイルやメニュー項目にのみロードコンテンツを作成することを決めた場合のようにクリックしてください：

$(".side-nav a").click(function(e) { 
    e.preventDefault(); 
    $("#page-wrapper").load($(this).attr("href")); //some filename.php 
}); 

これがありますそれを行う正しい方法ですか？ （Order deny,allow Deny from allで.htaccessを削除しなければならないことに気付いた）

Answer 1

あなたの最初の質問には、あなたのPHPコードから現在のページを取得し、それをクリックしたリンク（a）と比較する必要があります。ページはどのリンクがアクティブであるかをロードします。それはセクションを持つ1ページであり、各アイテムは（アイテムIDの）アンカーにユーザーを渡すだけです - >あなたはコードをうまく修正する必要があります、申し訳ありませんが、今私はこれ以上今作成する時間がありません:(あなたの2番目の質問は、あなたの3番目の質問について、以下のCSS

[aria-expanded="false"] > i.fa-caret-left { transform: rotate(0deg); transition: all ease-in-out .4s; } 
[aria-expanded="true"] > i.fa-caret-left{ transform: rotate(-90deg); transition: all ease-in-out .4s;} 

を使用するために

$('.side-nav').on('click', function(e){ 
     $('a').removeClass('active'); 
     $(e.target).addClass('active');}); 

は、私はあなたがしようと何を理解していない。 私は真推測する場合は、あなたがしようとしています＃wrapper要素の中に "html"を挿入しますか？ もしそうなら、そうすることができます。

私はあなたを助け

location.href = $(this).attr("href"); 

希望：あなたは$に（この）.ATTR（「HREF」）リンク値をリダイレクトしたい場合は0

することは、あなたはこのようにそれを書く必要があります。