I'm trying to create an expand & minimize effect (like tree structure) with + to expand and "-" being expanded
Well the below works the second time around. When page Loads the "+" shows to expand but shows all the objects as it is expanded.
But when i click on the expand icon then it works with the objects not visible & icon still being "+" and then works like it surpose to, because when i click i get the "-" expanded with objects showing below.
Please help
Expand|Select|Wrap|Line Numbers
- <SCRIPT TYPE='text/javascript'>
- function toggleHistN(srcElement, srcArrow)
- {
- if (srcElement.style.display == 'none')
- {
- srcElement.style.display = '';
- srcArrow.src = 'images/expand.gif';
- }
- else
- {
- srcElement.style.display = 'none';
- srcArrow.src = 'images/collapse.gif';
- }
- }
- </SCRIPT>
- <span id='fcHistMainN' onclick='toggleHistN(fcHistN, fcExpandN)'>
- <span>
- <img src='images/collapse.gif' id='fcExpandN' align="middle" /> App Form
- </span>
- </span>
- <tr>
- <td>
- <div id='fcHistN'>
- <table>