PHPのナビゲーションバーにアニメーションを追加する方法

Question

こんにちは私は自分のナビゲーションバーをPHPでアクティブにしようとしているので、ユーザは自分がどのページにいるかを知ることができます。では、このコードでclass = "active"を追加して、アクティブなナビゲーションバーを作成し、すべてのページを同じindex.phpページに表示するにはどうすればよいですか？

<?php 
return "<nav id='nav-reservation'> 
<a href='resource-index.php?page=room' class='nav-reservation-item'>Room</a> | 
<a href='resource-index.php?page=equipment' class='nav-reservation-item'>Equipment</a> 
</nav> 
"; 

Answer 1

あなたは同じ[http://jsfiddle.net/Ag47D/3/]

または

あなたはあなたの個々のパラメータなどpage=roomで

$(".nav b").on("click", function(){ 
$(".nav").find(".active").removeClass("active"); 
$(this).parent().addClass("active"); 
}); 

Answer 2

をブートストラップ[http://www.bootply.com/IsRfOyf0f9]を使用することができ、page=equipmentのマニュアルCSSを持つことができます、あなたはできる：

<nav id='nav-reservation'> 
    <a href='resource-index.php?page=room' class='nav-reservation-item <?php if($_REQUEST['page'] == "room"){ echo "active"; } ?>'>Room</a> | 
    <a href='resource-index.php?page=equipment' class='nav-reservation-item <?php if($_REQUEST['page'] == "equipment"){ echo "active"; } ?>'>Equipment</a> 
</nav>