Forums

CSS

This topic is locked

expand text on click

Posted 10 Dec 2008 18:09:47
1
has voted
10 Dec 2008 18:09:47 Iqbal Khaiy posted:
I have a list of board members bios and like to create a hyperlink for each. When you click the text expands. I am using dreamweaver. please help.

Replies

Replied 11 Dec 2008 15:00:59
11 Dec 2008 15:00:59 Alan C replied:
easiest way to do this is have a javascript that changes the css for a containing element. You put the text into a hidden element, then make it visible
Replied 11 Dec 2008 17:09:14
11 Dec 2008 17:09:14 Iqbal Khaiy replied:


thank you Alan. Do you know the javascript?


easiest way to do this is have a javascript that changes the css for a containing element. You put the text into a hidden element, then make it visible
Replied 12 Dec 2008 19:22:15
12 Dec 2008 19:22:15 Alan C replied:
easiest way to get this is run a search on google with

javascript show hide div

there are different ways of doing it, there is also one that slides the div open, that one is used on lakesuk.com/geocode/index.php

give it a try and see how the div slides open after you hit the geocode button, if you like it use firefox or your favourite browser to view source and lift the code off the page, it's in a file called something like slider.js

pick the code apart and see how it works, it's a great way to learn <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>
Replied 12 Dec 2008 19:57:47
12 Dec 2008 19:57:47 Iqbal Khaiy replied:
Many thanks! I will try it.

Reply to this topic