Скрыть элемент при нажатии на кнопку и загрузку страницы

Question

Я не могу разобраться с этой проблемой, я надеюсь, что мое письмо не слишком сложное для чтения.

Я делаю продукт с 3 переменными.Покупатель может забрать товар у нас или мы можем доставить товар.Из практических соображений мы решили продавать товары, которые должны доставляться в виде упаковок с 30, 60 или 90 продуктами.

Прежде чем можно будет показать цену, необходимо выбрать все 3 переменные.Итак, здесь возникает проблема.Если человек хочет забрать продукты у нас, нужно выбрать только 2 переменные: Длина в м и Пикап или Доставка .Но это не даст цену.Поэтому мне нужно снова вставить «Пикап» в «Пакеты» , чтобы получить цену.

Но я бы хотел скрыть «пакеты» в пакетах, поэтому яне путайте посетителя со многими.Изображение описывает то, что я ищу:

Демонстрацию страницы можно увидеть здесь

Я смотрел на CSS.Это то, что я должен использовать вместе с javascript, или как / если это возможно?

<ul class="variable-items-wrapper button-variable-wrapper" data-attribute_name="attribute_pa_packages">
    <li data-wvstooltip="pickup" class="variable-item button-variable-item button-variable-item-pickup" title="pickup" data-value="pickup">
        <span class="variable-item-span variable-item-span-button">pickup</span>
    </li>
</ul>

<ul class="variable-items-wrapper button-variable-wrapper" data-attribute_name="attribute_pa_packages">
    <li data-wvstooltip="pickup" class="variable-item button-variable-item button-variable-item-pickup selected" title="pickup" data-value="pickup">
        <span class="variable-item-span variable-item-span-button">pickup</span></li>
    </li>
</ul>

С уважением.

Answer 1

Вы можете прослушивать каждый раз, когда пользователь нажимает на одну из опций «Пикап или доставка», если выбран вариант «Пикап», выберите опцию «Пикап» в «Пакетах» с JQuery. Это реализация этого алгоритма.

jQuery("ul[data-attribute_name=attribute_pa_pickup-og-delivery] li").click(function(){
    var selectedDelivery = jQuery("ul[data-attribute_name=attribute_pa_pickup-og-delivery]").find("li.selected").attr("data-value");
    if (selectedDelivery == "pickup"){
        jQuery("ul[data-attribute_name=attribute_pa_packages] li[data-value=pickup] span").click();
        jQuery("ul[data-attribute_name=attribute_pa_packages] li[data-value=pickup]").hide(); // hide the "pickup" option in "Packages" if you like
    }
});