/    Sign up×
Community /Pin to ProfileBookmark

Show and Hide table row/cells

Copy linkTweet thisAlerts:
Jun 09.2005

Hi,
Can anyone please explain to me (or show me code) how I would go about creating a table in HTML which I will use for an FAQs page and when one clicks on a row which has the question in it the answer will scroll down in the row bellow it. i.e. making the row below it which has the answer appear. And then when they click on the question row it closes / hides the answer row.

thanks so much

to post a comment
JavaScript

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@David_HarrisonJun 09.2005 — Tables will not be required, are you after somthing like [url=http://www.webdeveloper.com/forum/showthread.php?t=65581]this[/url]?
Copy linkTweet thisAlerts:
@martyauthorJun 09.2005 — yes this is good too, and i will have a look at it. I would however still like to try it in a table. I have attached a part of my screen shot to show you what my table looks like (without the answers row below the questions) a light blue row indicates a mouse over, so when one clicks on it it will expand.

Thank you very much for your help

[upl-file uuid=1740a4e3-526f-4359-b5cd-c94ae53a646b size=10kB]FAQ.gif[/upl-file]
Copy linkTweet thisAlerts:
@David_HarrisonJun 09.2005 — The script I linked to could easily be modifed to look like the image you posted, however I don't have the time to do that now, I'll have to do it in a bit. Tables will not only not be required, but they should not be used for this.

The FAQ's are not tabular data and therefore a table should not be used, but in their place use markup that desribes the content it contains. All kinds of JavaScript and CSS can be applied to it to make it look like almost anything afterwards, but get the structure of the page right first.

http://www.hotdesign.com/seybold/
Copy linkTweet thisAlerts:
@martyauthorJun 09.2005 — The script I linked to could easily be modifed to look like the image you posted, however I don't have the time to do that now, I'll have to do it in a bit. Tables will not only not be required, but they should not be used for this.

The FAQ's are not tabular data and therefore a table should not be used, but in their place use markup that desribes the content it contains. All kinds of JavaScript and CSS can be applied to it to make it look like almost anything afterwards, but get the structure of the page right first.

http://www.hotdesign.com/seybold/[/QUOTE]
ok, thanks very much for your help
×

Success!

Help @marty spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...