Hi. I'm trying to use moo.fx on a FAQ page I'm building. Basically I'm
using the example from http://www.avinashv.net/tutorials/moofx/
Problem is, it keeps telling me that my variables are undefined.
Here's my code:
<script type="text/javascript" src="Scripts/prototype.lite.js"></
script>
<script type="text/javascript" src="Scripts/moo.fx.js"></script>
<script type="text/javascript">
// Initialise the effects
var orderonlineCombo;
window.onload = function() {
orderonlineCombo = new fx.Combo('order_online',
{height: true, opacity: true, duration: 500});
// Hide all to begin with
orderonlineCombo.hide();
}
</script>
<h2 class='faq_item' onclick="orderonlineCombo.toggle();">How do I
order online?</h2>
<div id="order_online" class='faq'>
<p>Order online by adding items to your shopping cart and
following the online
instructions. Upon receipt of your order a Test
Equipment Connection
salesperson will contact you to verify your contact
information and
shipping preference.</p>
<p>If the particular item you are interested in does not have
a price listed,
you can fill out the quote form, and one of our
representatives will
contact you to discuss details and assist you in
ordering the product
from us.</p>
<p>Due to instances of online fraud, please note we generally
do not accept credit cards for orders outside the
USA.<br />
When you order by credit card your card is only
charged after we ship
your product. Most new or refurbished equipment ships
within 7-10 business
days from when the order is placed. You will be
contacted via telephone or
email if your order requires more time to process.</p>
</div>
Firstly, the div does not start out hidden, then when I click on the
H2, it says "orderonlineCombo is undefined"... Help?
I even tried the example from the page above verbatim and it doesn't
work either.
