<div class="question" id="question-1">
<h3>1. Razif is an entrepreneur with no set income every month. After establishing his business, he is planning to get a car loan to purchase a new car. With his income of at least RM5,000 a month, which car loan should he get?</h3>
<ul>
<li data-correct="1" data-answer="That’s correct! Although the interest rate of a variable rate car loan is commonly higher than a conventional loan, it offers Razif the freedom to reduce the interest by making extra payments toward his car loan. <a href='http://www.imoney.my/articles/car-loans-in-malaysia-conventional-vs-variable-rate'>See Car Loans in Malaysia – Conventional vs Variable Rate</a> for more information.
">
A. Variable Car Loan Rate
</li>
<li data-correct="0" data-answer="Not quite right. As Razif’s income is not fixed and may sometimes generate higher income through his business, a variable rate car loan offers this the opportunity to save on interest by paying more than the instalment. ">
B. Conventional Car Loan
</li>
</ul>
<div class="answer">
</div>
</div>

<div class="question" id="question-2">
<h3>2. Amy travels for business and leisure at least five times a year. Her father has been using his credit card to purchase air ticket and hotel rooms on her behalf. She is thinking of getting a credit card to make it more convenient to travel. Which of the following credit cards is the most suitable for her?</h3>
<ul>
<li data-correct="0" data-answer="Incorrect. As Amy is a frequent traveller, it makes sense for her to get a travel miles credit card to speed up the accumulation of loyalty points. Check our <a href='http://www.imoney.my/credit-card'>credit cards comparison</a> tool to find out which credit card is the most suitable for you.
">
A. Reward points credit card
</li>
<li data-correct="0" data-answer="Incorrect. As Amy is a frequent traveller, it makes sense for her to get a travel miles credit card to speed up the accumulation of loyalty points.
Check our <a href='http://www.imoney.my/credit-card'>credit cards comparison</a> tool to find out which credit card is the most suitable for you.
">
B. Cashback credit card
</li>
<li data-correct="1" data-answer="That’s correct! Travel miles credit cards are reward-based cards which allow you to earn points or AirMiles when used for purchases. Some travel credit cards also offer discounts on travel packages or flight tickets. Since Amy is a frequent traveller, it makes sense for her to get a travel miles credit card to speed up the accumulation of loyalty points.
Check our <a href='http://www.imoney.my/credit-card'>credit cards comparison</a> tool to find out which credit card is the most suitable for you.
">C. Travel Miles Credit Card</li>
</ul>
<div class="answer">

</div>
</div>

<div class="result">

</div>

body {
font-family: "helvetica Neue", sans-serif;
color: #333;
font-size: 14px;
}

.question {
ul {
list-style: none;
padding-left: 0;

li {
border-radius: 3px;
background: #e7ebed;
border: 1px solid darken(#e7ebed,10);
margin: 5px 0;
padding: 10px;

&:hover {
cursor: pointer;
background: darken(#e7ebed,3);
border-color: darken(#e7ebed,13);
}

&.correct {
background: #59b259;
border-color: #59b259;
color: white;

&:before {
content: '✔';
padding-right: 5px;
}
}

&.incorrect {
background: #da4f49;
border-color: #da4f49;
color: white;

&:before {
content: '✘';
padding-right: 5px;
}
}
}
}
}

.answer {display: none;}

var totalQuestions = $('.question').length;

$('.question').on('click','li',function(){
var id = $(this).parents('div').attr('id'),
answer = $(this).parent('ul').siblings('.answer'),
correctAnswer = 0;

if($(this).parents('#' + id).hasClass('answered')){
return false;
} else {
if($(this).data('correct') == '1'){
$('<p>' + $(this).data('answer') +'</p>').prependTo(answer);
$(this).addClass('correct');
correctAnswer++;
} else {
$('<p>' + $(this).data('answer') +'</p>').prependTo(answer);
$(this).addClass('incorrect').siblings('[data-correct="1"]').addClass('correct').siblings('[data-correct="0"]').addClass('incorrect');
}
$(this).parent().next('.answer').show().parent('div').addClass('answered');
}

});