Stackoverflow 2012-04-13

by john_s

HTML

<div class="clickbox clickbox1">Question 1</div>
<div class="riddlebox riddlebox1" style="display: none;">
    <form name="form1">
        <input type="text" value="" />
        <button type="submit">Submit</button>
    </form>
</div>
<div class="clickbox clickbox2">Question 2</div>
<div class="riddlebox riddlebox2" style="display: none;">
    <form name="form2">
        <input type="text" value="" />
        <button type="submit">Submit</button>
    </form>
</div>

JavaScript

var points = 0;

$('form').submit(function () {
    var $form = $(this);
    var answer = $form.find('input').val().toLowerCase();
    if (!$form.data('answered')) {
        $form.data('answered', true);
        points++;
        $form.find('input').val('')
    }
    return false;
});

$('.clickbox').click(function () {
    $(this).next('.riddlebox').show();
});