Уважаемые гуру, подскажите, что делаю не то. Пишу так:
<script>
(function($) {
$(function() {
$( "div.radio" ).on( "click", function() {
if($("#s1").is(":checked")) {
$('ul.color').on('click', 'li', function() {
$(this)
.addClass('active').siblings().removeClass('active')
.closest('div.3d').find('.sm-v div.image').removeClass('active').eq($(this).index()).addClass('active');
});
}
else if ($("#s2").is(":checked")) {
$('ul.color').on('click', 'li', function() {
$(this)
.addClass('active').siblings().removeClass('active')
.closest('div.3d').find('.sp-v div.image').removeClass('active').eq($(this).index()).addClass('active');
});
}
else if ($("#s3").is(":checked")) {
$('ul.color').on('click', 'li', function() {
$(this)
.addClass('active').siblings().removeClass('active')
.closest('div.3d').find('.sp-v div.image').removeClass('active').eq($(this).index()).addClass('active');
});
}
});
});
})(jQuery);
</script>
Это условия для чекнутых радиобатаннов, они срабатывают, но когда я возвращаюсь и кликаю например снова на #s1 (после s2/s3), то не выполняется условие .find('.sm-v div.image'), а так и продолжает выполняться .find('.sp-v div.image'). Подскажите, что не так.