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

[MikeleCorleone]

Здравствуйте, сайт Для просмотра ссылки Войди или Зарегистрируйся (закажите товар) перейдите в корзину или по Для просмотра ссылки Войди или Зарегистрируйся
Нужно чтобы блок с текстом условий доставки под Пожалуйста, ознакомьтесь с условиями доставки был свернут по умолчанию, оставалась только надпись (Пожалуйста, ознакомьтесь с условиями доставки), по клике на ней блок появлялся

 

[yaski]

css

.simplecheckout-block-content {
    display: none;
}

код js

<script>
  $("#simplecheckout_agreement").click(function () {
  $(".simplecheckout-block-content simplecheckout-scroll").show("slow");
  });
</script>

jquery должен быть подключен

 

[MikeleCorleone]

<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 подключен, скрипт есть в коде судя по веб-инспектору но ничего не работает

 

[yaski]

Потому что не классы должны быть а 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;
}

 

[MikeleCorleone]

Потому что не классы должны быть а 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 блок с Пожалуйста, ознакомьтесь с условиями доставки

 

[yaski]

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

Скобка лишняя была

 

[MikeleCorleone]

<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, может так получится?

 

[yaski]

Нет, не работает, что на счет этого кода
.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>

и обнови страницу!!!!!!!!!!!

 

[MikeleCorleone]

Замени код js на этот!!!!!!!!!!!!

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

и обнови страницу!!!!!!!!!!!

Заменил давно, страницу перезагружаю каждый раз

 

[yaski]

странно, у меня работает
попробуй вставить этот код js непосредственно перед блоком, мож конфликт какой