i want the link only to change color when clicked and content changes in window “#gallery”. Then when click on another link, it goes back to original color and new link is now changed. Basically, only when link is acitve or focused on then it’s new color so user knows link and content that’s being viewed. Here is code for head:
<script type=”text/javascript”>
$(document).ready(function() {
$(‘#links a’).click(function() {
var url=$(this).attr(‘href’);
$(‘#gallery’).load(url + ‘ #newsItems’);
return false;
});
});
</script>
here is code body:
<!– BEGIN MAIN CONTENT –>
<ul id=”links”>
<li class=”active”><a href=”faqsAnswer_01.html”>Which are the safari countries?</a></li>
<li><a href=”faqsAnswer_02.html”>Best country for safari?</a></li>
<li><a href=”faqsAnswer_03.html”>Best season for safari?</a></li>
<li><a href=”faqsAnswer_04.html”>Is safari “roughing it?”</a></li>
<li><a href=”faqsAnswer_05.html”>Cost of a typical safari?</a></li>
<li><a href=”faqsAnswer_06.html”>Do I have enough vacation time?</a></li>
<li><a href=”faqsAnswer_07.html”>Do I have to get shots?</a></li>
<li><a href=”faqsAnswer_08.html”>Is Africa always hot?</a></li>
<li><a href=”faqsAnswer_09.html”>Will I be eating bugs?</a></li>
<li><a href=”faqsAnswer_10.html”>Will bugs be eating me?</a></li>
<li><a href=”faqsAnswer_11.html”>Am I safe in Africa?</a></li>
<li><a href=”faqsAnswer_12.html”>Who should go on safari?</a></li>
</ul>
<!– END MAIN CONTENT –>
</div>
<!– BEGIN WINDOW CONTENT –>
<div id=”gallery”>
<img src=”images/elephant.jpg” alt=”elephant” width=”270″ height=”340″ />
</div>
<!– END WINDOW CONTENT –>