Hide/Show a DIV

Question

I spend all the morning in searching how to hide/show a DIV by clicking on a link. I'm using SharePoint 3.0 and I have a list of items, and inside the body field (Multiple lines of text - Enhanced rich text) I would like to add some "sub-categories" represented by links. Once you click on the link, it will show the DIV.

My main problem is coming from the fact that Enhanced Text removes automatically href="javascript:switchid('DIV1')" onMouseclick="switchid('DIV1')" that i place inside the tag in "Edit HTML Source".

Update:

Here is what i need to do. Our company has a lot of updates every day. Those updates, kind of documents, needs to be sorted by categories.

I'm storing in a list all the updates that we have. The main text of each update is inside this Enhanced Rich Text field, and because sometimes the update is big i would like to make some kind of summary and when you click on a topic from the summary you have the real content that appears (to show the hidden DIV related to what you clicked from the summary list).

PS. I chose List because of the Preview Pane option.

Answer 1

I wouldn't use the Enhanced Rich Text field for this, use a Content Editor Web Part to store your javascript or jQuery code.

Answer 2

I did this in one of our previous projects.

You can easily do the same by creating an RTE toolbar extension for a Enhanced Rich text Field. By extending the rich text toolbar you can add a button in there and write a javascript code behind for that button. This JS can then add section which is expandable and collapsable.

here is the link: http://blog.drisgill.com/2007/05/how-to-add-button-to-html-editor.html