Forums

cybershot

I am trying to hide some content when a link is clicked. Not having any luck. When the services link is clicked, I want the content of a div to be hidden so that I can append new content to that div

Here is my nav


<ul class=\"navigation\">
	<li><a href=\"#home\">Home</a></li>
        <li><a href=\"#blog\">Blog</a></li>
        <li><a href=\"#services\">Services</a></li>
        <li><a href=\"#testimonials\">Testimonials</a></li>
        <li><a href=\"#order\">Order</a></li>
        <li><a href=\"#contact\">Contact</a></li>
 </ul>

here is the jquery I tried


 $(document).ready(function() {  
      $('#bottomContent').show();  
		$(' #services').click(function(){
        $('#bottomContent').hide();																					)};
});

So I want the hide the content that is in the div with id="bottomContent" Then when I get this working, the idea will be to append some new content that I want to use a php include to append

cybershot

figured it out.

treehouse : what would you like to learn today?

Forums

[Solved] Check My jQuery