Solved

Trouble using two different jQuery techniques on one page.

Posted on 2009-07-09
2
240 Views
Last Modified: 2012-05-07
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 
0
Comment
Question by:toymachiner62
2 Comments
 
LVL 12

Accepted Solution

by:
Chad Haney earned 500 total points
ID: 24819585
You could take out the css, but apply
$('#content_2').hide();  within the document.ready for jquery.  then for my designs onclick use something like $('#content_2).show();  or an animation you want to use.
0
 
LVL 2

Author Closing Comment

by:toymachiner62
ID: 31601874
Worked great thank you
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question