How to hide table rows and show them when user click a different row?

RA · Feb 19, 2004

Hi

I want to have a FAQ so that when the user clicks the question the answer
will be shown below the questions. How do I do it? I use c# with asp.net.

Thanks

Jon · Feb 19, 2004

Hi,
that's probably a client side thing. Something like
<script type="text/javascript">
function showFaq(id){
if(!document.getElementById){return;}
else{
s=document.getElementById('answer'+id);
s.style.display='block';}}

function hideAllFaqs(){
if(document.getElementById && !window.opera){
document.write('<style>#questions div{display:none;}</style>')}
}
</script>
<body onload="hideAllFaqs();">
<div id="questions">
<p><a onclick="showFaq('1'); return false;" href="javascript:;">Why Is
That?</a></p>
<div id="answer1">Just Because</div>
<p><a onclick="showFaq('2'); return false;"
href="javascript:;">When?</a></p>
<div id="answer2">Sometime</div>
etc

Jon

Show/Hide HTML Table Columns using SELECT option	1	Nov 9, 2020
Filter table rows based on multiple checkboxes value	2	Jan 13, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
[C++] Pointers declared inside a function, how do I manage them?	5	May 3, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
How can I click on an entry of my Kendo/Telerik Grid and show more detailed information in a Detail view?	0	Sep 13, 2022
How do I hide the modal after 5 seconds?	4	Jun 1, 2023
How can I hide a div using an event listener on multiple checkboxes?	6	Dec 23, 2022

How to hide table rows and show them when user click a different row?

RA

Jon

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads