javascript - ツリー サブメニュー、クリック機能で 2 つの独立した太字が必要

Question

http://www.wrcc.dri.edu/monitor/WWDT/index.phpに表示されるツリー メニューには、クリックしたときに太字になるという点で、Variable サブ メニューと Region サブメニューを互いに独立させる方法があります。 ... たとえば、PDSI をクリックすると太字になり、Arizona をクリックすると太字になります。ユーザーがクリックしたときに変数と領域の両方を太字にしたいと思います。これにより、ユーザーはツリー メニューを見るだけで何をクリックしたかを簡単に知ることができます。現在、アクティブまたは最近クリックされた変数/領域のみが太字になります。

私のソースコードを表示して、現在私が持っていることを確認できます:

<script type="text/javascript">
$(function () {
    $('#variable').find('a').each(function () {
        if (this.href == location.href) {
            $(this).addClass('Active');
        } else {
            $(this).removeClass('Active');
        }
    });
});
</script>

<script type="text/javascript">
$(function () {
    $('#region').find('a').each(function () {
        if (this.href == location.href) {
            $(this).addClass('Active');
        } else {
            $(this).removeClass('Active');
        }
    });
</script>