FAQS – YUMAJAI

<html><head><title>FAQ Display</title><style type="text/css"> .FAQ { cursor:pointer; border-bottom:1px solid black; } .FAA { display:none; } #FAQlist li { list-style-type: none; } #FAQlist ul { margin-left:0px; } </style></head><body> <h2>FAQ section</h2> <div id="wrapper"> <ul id="FAQlist" style="width:100%"> <li class="FAQ" onclick="toggle('faq1',this)"><img src="" data-mce-src="http://i40.photobucket.com/albums/e244/jookah_1/plus.jpg" /> Whassup? <div id="faq1" class="FAA">Nadda</div> </li> <li class="FAQ" onclick="toggle('faq2',this)"><img src="" data-mce-src="http://i40.photobucket.com/albums/e244/jookah_1/plus.jpg" /> Whassup now? <div id="faq2" class="FAA">Still nadda</div> </li> <li class="FAQ" onclick="toggle('faq3',this)"><img src="" data-mce-src="http://i40.photobucket.com/albums/e244/jookah_1/plus.jpg" /> How about now? <div id="faq3" class="FAA">How many times must I say <b>nothing</b>?</div> </li> <li class="FAQ" onclick="toggle('faq4',this)"><img src="" data-mce-src="http://i40.photobucket.com/albums/e244/jookah_1/plus.jpg" /> ?Que pasa? <div id="faq4" class="FAA">Nothing in a different language.</div> </li> </ul> </div> <script type="text/javascript"> function toggle(Info,pic) { var CState = document.getElementById(Info); CState.style.display = (CState.style.display != 'block') ? 'block' : 'none'; if (CState.style.display == 'none') { pic.src = "http://i40.photobucket.com/albums/e244/jookah_1/plus.jpg"; } else { pic.src = "http://i352.photobucket.com/albums/r360/hypnic_imp/tinyicons/splashy/remove_minus_sign.png"; } } </script></body></html>