Twitter Bootstrap 2.3.2

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="https://code.jquery.com/jquery.js"></script>
<div class="container client-js">
  <p>
    <a href="#jump">go to jum target in detailed section</a>
  </p>
  <!-- begin sd widget html -->
  <div class="sd-container sd-detailed-hidden">
    <p class="btn-group sd-btn-group">
      <button class="btn sd-btn-short active">Short</button>
      <button class="btn sd-btn-detailed">Detailed</button>
    </p>
    <div class="sd-short">
      <!--{$short|escape:'html'}-->
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
        takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
        et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
        At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </p>
    </div>
    <div class="sd-detailed">
      <!--{$long|escape:'html'}-->
      <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
        takimata sanctus est Lorem ipsum...

CSS

/* begin sd widget style*/
            .sd-btn-group {
                display: none;
            }
            .client-nojs .sd-short::before {
                content: "Short version: ";
                font-weight: bold;
            }
            .client-nojs .sd-detailed::before {
                content: "Detailed version: ";
                font-weight: bold;
            }
            .client-js .sd-btn-group {
                display: block;
            }
            .client-js .sd-short-hidden .sd-short,
            .client-js .sd-detailed-hidden .sd-detailed {
                display: none;
            }
            /* end sd widget style*/

JavaScript

// begin sd widget js
            function sdShowDetailed(container) {
                $(container).addClass('sd-short-hidden').removeClass('sd-detailed-hidden');
                $(container).find('.sd-btn-short').first().removeClass('active');
                $(container).find('.sd-btn-detailed').first().addClass('active');
            }
            function sdShowShort(container) {
                $(container).addClass('sd-detailed-hidden').removeClass('sd-short-hidden');
                $(container).find('.sd-btn-detailed').first().removeClass('active');
                $(container).find('.sd-btn-short').first().addClass('active');
            }
            function sdExpandParents(element) {
                var parents = $(element).parentsUntil('.sd-container');
                var box = $(parents[parents.length - 1]); // should be a .sd-short or a .sd-detailed
                var container = box.parent(); // should be a .sd-container
                if (!container.hasClass('sd-container')) {
                    // parent of box is no .sd-container
                    return;
                }
                if (box.hasClass('sd-detailed')) {
                    sdShowDetailed(container);
                } else { // box.hasClass('sd-short')
                    sdShowShort(container);
                }
                sdExpandParents(container);
            }
            function sdJump(element) {
                var jqElement = $(element);
                if (jqElement.length === 0) {
                    return;
                }
                sdExpandParents(jqElement);
                var offset = jqElement.offset();
                $(window).scrollTop(offset.top).scrollLeft(offset.left);
                console.log(offset);
            }
            $(document).ready(function () {
                var hash = window.location.hash;
                var sdContainers = $('.sd-container');
                // if fragment identifier is given, open the matching...