Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Oct 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation 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.


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •