Code for making a collapsed div with jQuery - Magesan

Code for making a collapsed div with jQuery

Code for making a collapsed div with jQuery

<div class="bs-example">
    <div class="panel-group" id="accordion">
        <?php if($_product->getSizeDescription()): ?>
          <div class="panel panel-default">
              <div class="panel-heading">
                  <h4 class="panel-title">
                      <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="acoll collapsed"><span class="glyphicon glyphicon-plus"></span> Størrelse & Pasform</a>
                  </h4>
              </div>
              <div id="collapseTwo" class="panel-collapse collapse">
                  <div class="panel-body">
                      <?php echo $_product->getData('size_description'); ?>
                  </div>
              </div>
          </div>
        <?php endif; ?>
    </div>
</div>
<script type="text/javascript">
     jQuery(document).ready(function(){
      // Add minus icon for collapse element which is open by default
      jQuery(".collapse.in").each(function(){
          jQuery(this).siblings(".panel-heading").find(".glyphicon").addClass("glyphicon-minus").removeClass("glyphicon-plus");
      });
      // Toggle plus minus icon on show hide of collapse element
      jQuery(".collapse").on('show.bs.collapse', function(){
          jQuery(this).parent().find(".glyphicon").removeClass("glyphicon-plus").addClass("glyphicon-minus");
      }).on('hide.bs.collapse', function(){
          jQuery(this).parent().find(".glyphicon").removeClass("glyphicon-minus").addClass("glyphicon-plus");
      });
    });
</script>

Leave a Reply

Your email address will not be published. Required fields are marked *.

*
*
You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>