CodingForums.com - View Single Post

sqyntz_myntz · 10-02-2012, 10:21 AM

Hi,

Here's the HTML code:

Code:

<div id="menu"><a href="#1">Category1</a><a href="#2">Category2</a><a href="Category3</a></div>
<div id="logo"><a href="#4">Logo</a></div>
<div id="footbar"><a href="#5">About Us</a><a href="#6">Contact Us</a></div>
<div id="cart"><a href="#7">Cart</a>
<div id="images"><a href="#8">Image1</a><a href="#9">Image2</a></div>

In my Home page, I only want the contents in "images" to appear while the rest just appear as links. However when I click on links #1-#3, #5-#7, I want the div for images to disappear while showing the contents for the links #1-#3, #5-#7. Also, when I click on link #4, I want the div for images to appear again. May I know what is the javascript required here?? I'm not sure if you guys understand what I'm looking for, but I hope you guys do!

Here is one website as an example: http://shopskinned.com
What I meant was how to hide the images in the homepage when clicking on links like ALL, NEW IN, ABOUT US etc. And when you click on the logo of the shop, the images appear as they are originally.

10-02-2012, 10:21 AM	PM User \| #1
sqyntz_myntz New to the CF scene Join Date: Oct 2012 Posts: 1 Thanks: 0 Thanked 0 Times in 0 Posts	Very new to Javascript. Need help! Hi, Here's the HTML code: Code: <div id="menu"><a href="#1">Category1</a><a href="#2">Category2</a><a href="Category3</a></div> <div id="logo"><a href="#4">Logo</a></div> <div id="footbar"><a href="#5">About Us</a><a href="#6">Contact Us</a></div> <div id="cart"><a href="#7">Cart</a> <div id="images"><a href="#8">Image1</a><a href="#9">Image2</a></div> In my Home page, I only want the contents in "images" to appear while the rest just appear as links. However when I click on links #1-#3, #5-#7, I want the div for images to disappear while showing the contents for the links #1-#3, #5-#7. Also, when I click on link #4, I want the div for images to appear again. May I know what is the javascript required here?? I'm not sure if you guys understand what I'm looking for, but I hope you guys do! Here is one website as an example: http://shopskinned.com What I meant was how to hide the images in the homepage when clicking on links like ALL, NEW IN, ABOUT US etc. And when you click on the logo of the shop, the images appear as they are originally. Last edited by sqyntz_myntz; 10-02-2012 at 12:31 PM..