[jQuery] Help making my code more efficient...
Can anybody offer some advice on how to make the following code more
efficient? I'm reusing a lot of the same code and I know it can be
streamlined quite a bit.
thanks...
$(document).ready(function() {
$('#question1').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer1').removeClass('hidden');
});
$('#question2').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer2').removeClass('hidden');
});
$('#question3').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer3').removeClass('hidden');
});
$('#question4').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer4').removeClass('hidden');
});
$('#question5').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer5').removeClass('hidden');
});
$('#question6').click(function() {
$('#contentblock #answer6, #contentblock #answer5, #contentblock
#answer4, #contentblock #answer3, #contentblock #answer2,
#contentblock #answer1').addClass('hidden');
$('#contentblock #answer6').removeClass('hidden');
});
});