При нажатии кнопки Перейти к следующему и так далее

#javascript #html #css #shopify

Вопрос:

Нажмите, чтобы просмотреть эскиз того, как я хочу

Я попытался найти решение, но не смог, надеюсь, мне помогут здесь. Я хочу щелкнуть по радио (вариант, подобный размерам), а затем перейти к следующему варианту, и снова по щелчку следующего варианта он переходит в следующий раздел и так далее, если их больше.

Проблема здесь в том, что мы используем два типа вариантов, один из которых в приложении называется «СМЕЛЫЕ ВАРИАНТЫ» shopify. И еще один вариант shopify по умолчанию.

Поэтому я хочу что-то вроде того, где я проверяю, какой переключатель выбран и перемещен в следующий вариант, и после этого, когда я нажимаю 2-й вариант, я хочу перейти к следующему.

На данный момент он применяется только в первом случае, когда я нажимаю на него, переместитесь на второе место, но когда я нажимаю, он не прокручивается. Если я удалю прокрутку кода jQuery для 1-го варианта, то сработает второй вариант. Похоже, только по одному за раз.

Есть ли какой-либо способ решить эту проблему

 $(".smo").click(function() {
  $('html, body').animate({
    scrollTop: $('#serer').position().top
  }, 'slow');
});

$("span.bold_option_value_swatch").click(function() {
  $('html,body').animate({
    scrollTop: $('.bold_option.bold_option_radio').position().top
  }, 'slow');
});
 

Комментарии:

1. Эй, СЫНОК, добро пожаловать в stack overflow! Я верю, что могу помочь здесь, но мне нужно небольшое разъяснение. Вариант слова сбивает меня с толку в этом контексте, не могли бы вы немного объяснить это? Также можете ли вы загрузить html, соответствующий этому? Эти две вещи очень помогли бы!