эффект аккордеона при оформлении заказа (opencart + simple)

MikeleCorleone

Постоялец
Регистрация
29 Июн 2012
Сообщения
133
Реакции
8
Здравствуйте, сайт Для просмотра ссылки Войди или Зарегистрируйся (закажите товар) перейдите в корзину или по Для просмотра ссылки Войди или Зарегистрируйся
Нужно чтобы блок с текстом условий доставки под Пожалуйста, ознакомьтесь с условиями доставки был свернут по умолчанию, оставалась только надпись (Пожалуйста, ознакомьтесь с условиями доставки), по клике на ней блок появлялся
 
css
Код:
.simplecheckout-block-content {
    display: none;
}

код js
Код:
<script>
  $("#simplecheckout_agreement").click(function () {
  $(".simplecheckout-block-content simplecheckout-scroll").show("slow");
  });
</script>

jquery должен быть подключен
 
Последнее редактирование:
<script type="text/javascript" src="/catalog/view/theme/default/js/jquery-1.7.2.min.js"></script> подключено
Прописал между head-ами
Код:
<script>
    $("#simplecheckout_agreement").click(function () {
      $("simplecheckout-block-content").slideToggle("slow");
    });
</script>
css прописал
Результат все блоки свернулись и не разворачиваются

UPD исправил немного код чтобы не затрагивало другие элементы
Код:
.accordion_agr {
    display:none;
}
Код:
<script>
    $(".accordion_title").click(function () {
      $(".accordion_agr").slideToggle("slow");
    });
</script>
По идее должно работать, jquery подключен, скрипт есть в коде судя по веб-инспектору но ничего не работает
 
Последнее редактирование:
Потому что не классы должны быть а id

<div id="accordion_agr" class="simplecheckout-block-content simplecheckout-scroll ">

Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr">").slideToggle("slow");
    });
</script>


Код:
.simplecheckout-block-content {
    display: none;
}
 
Потому что не классы должны быть а id

<div id="accordion_agr" class="simplecheckout-block-content simplecheckout-scroll ">

Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr">").slideToggle("slow");
    });
</script>


Код:
.simplecheckout-block-content {
    display: none;
}
Не работает, сворачивается по прежнему все блоки и не разворачиваются при клике, может не понятно в топике пояснил нужно чтобы сворачивался только 1 блок с Пожалуйста, ознакомьтесь с условиями доставки
 
Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr").slideToggle("slow");
    });
</script>
Скобка лишняя была
 
Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr").slideToggle("slow");
    });
</script>
Скобка лишняя была
Нет, не работает, что на счет этого кода
.simplecheckout-block-content {
display: none;
} таким образом сворачиваем все блоки нужен только 1, например так
Код:
#accordion_agr {
    display: none;
}
и
Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr").slideToggle("slow");
    });
</script>
? но не работает разворачивание, блок нужный сворачивается
UPD вывод в html тоже могу исправить если можно сделать без JQ а например с CSS, может так получится?
 
Последнее редактирование:
Нет, не работает, что на счет этого кода
.simplecheckout-block-content {
display: none;
} таким образом сворачиваем все блоки нужен только 1, например так
Код:
#accordion_agr {
    display: none;
}
и
Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr").slideToggle("slow");
    });
</script>
? но не работает разворачивание, блок нужный сворачивается
UPD вывод в html тоже могу исправить если можно сделать без JQ а например с CSS, может так получится?
Замени код js на этот!!!!!!!!!!!!
Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr").slideToggle("slow");
    });
</script>
и обнови страницу!!!!!!!!!!!
 
Замени код js на этот!!!!!!!!!!!!
Код:
<script>
    $("#simplecheckout-block-heading").click(function () {
      $("#accordion_agr").slideToggle("slow");
    });
</script>
и обнови страницу!!!!!!!!!!!
Заменил давно, страницу перезагружаю каждый раз2014-03-22_191257.png
 
странно, у меня работает
попробуй вставить этот код js непосредственно перед блоком, мож конфликт какой
 
Назад
Сверху