Solved

Trouble using two different jQuery techniques on one page.

Posted on 2009-07-09
2
233 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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…

747 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now