aspose file tools*
The moose likes HTML, CSS and JavaScript and the fly likes JQuery replace div Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Bookmark "JQuery replace div" Watch "JQuery replace div" New topic
Author

JQuery replace div

Nicky Eng
Ranch Hand

Joined: Mar 26, 2005
Posts: 378
I have a div element1

and inside I have a menu div and a content div, like this:



But I do also have another menu2 which is hidden and will be display when user select one of the menu item in "id=menu" Menu. In css, i put like this:


I want to replace id=menu with id=menu2 when user click item in id=menu, my jquery would be :


Surprisingly, the first time user click item in id=menu the id=menu2 appears and replaced id=menu.
But then try again 2nd time, it doesn't work. The id=menu2 is not appearing. Unless I refresh my page.

Am I doing anything wrong with my JQuery code ?

Please help...its urgent
Thanks


From NickyEng
Diploma in Computer Studies
SCJP 1.4
SCWCD 1.4
Formula 1 app by Maxis (Playbook)
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
That html markup is invalid, you are missing uls.

You are creating two copioes of the same element on the page. You need to remove the original one.

Eric
Nicky Eng
Ranch Hand

Joined: Mar 26, 2005
Posts: 378
I used .hide() and .show()...and it works.

Thanks a lot then.
 
Don't get me started about those stupid light bulbs.
 
subject: JQuery replace div