Dropdown for product & collection pages

LEARN MORE...

text here

Accordion 1
Add your content here.
Accordion 2
Add your content here.
Accordion 3
Add your content here.

ADD TO APP>JS Search for this line of code in your app.js.liquid file (use Command+F/CTRL+F): $(function() {

var allPanels = $('.accordion > dd').hide();

$('.accordion > dt > a').click(function() {
if(!$(this).parent().next().is(":visible")) {
allPanels.slideUp();
$('.accordion small.right').html('◄');
$(this).find('small.right').html('▼');
$(this).parent().next().slideDown();
}
return false;
});

$($('.accordion dd')[0]).show();

AND CLOSE ACCORDIAN:

var allPanels = $('.accordion > dd').hide();
    
  $('.accordion > dt > a').click(function() {
    if(!$(this).parent().next().is(":visible")) {
     $(this).find('small.right').html('▼');
    $(this).parent().next().slideDown();
    } else if($(this).parent().next().is(":visible")){
      $(this).parent().next().slideUp();
      $(this).parent().next('.accordion small.right').html('◄');
      $(this).next('small.right').html('◄');
      if($(this).find('small.right').html('▼')) {
        $(this).find('small.right').html('◄');
      } else if($(this).find('small.right').html('◄')) {
        $(this).find('small.right').html('▼');
      }
    }
        return false;
  });