<div>
<div class="content wysiwyg-content">
Currently i have a one page portfolio that i'm working on and i have two &lt;a&gt; tag's and when one is clicked there is some jQuery to display a different portion of the page (a.k.a. #content_2). Now i'm trying to add an image slider in the #content_2 part but it doesn't work with the way i have the CSS set to #content_2 {display:none}. When i take this CSS piece out, it works fine, except the content_2 is visible the whole time, and i only want it visible when the link &quot;My Designs&quot; is clicked. <br />
<br />
Does anyone know a fix for this? I'm pretty new to jQuery and not the best with javascript either. <br />
<br />
Here's the link to my page <a href="http://tcportfolio.hostoi.com/Portfolio.html" rel="ugc">http://tcportfolio.hostoi.com/Portfolio.html</a>&nbsp;
</div>
</div>


Currently i have a one page portfolio that i'm working on and i have two <a> tag's and when one is clicked there is some jQuery to display a different portion of the page (a.k.a. #content_2). Now i'm trying to add an image slider in the #content_2 part but it doesn't work with the way i have the CSS set to #content_2 {display:none}. When i take this CSS piece out, it works fine, except the content_2 is visible the whole time, and i only want it visible when the link "My Designs" is clicked. 

Does anyone know a fix for this? I'm pretty new to jQuery and not the best with javascript either. 

Here's the link to my page http://tcportfolio.hostoi.com/Portfolio.html 

Trouble using two different jQuery techniques on one page.

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.