File APIs for Java Developers
Manipulate DOC, XLS, PPT, PDF and many others from your application.
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

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

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

Joined: Nov 08, 2001
Posts: 15385
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.

Nicky Eng
Ranch Hand

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

Thanks a lot then.
I agree. Here's the link:
subject: JQuery replace div
jQuery in Action, 3rd edition