Menu icon Foundation

My Posts


My Comments

Eli Lev commented on Tom Ta's post about 5 years

This works perfect for me

<div class="row">
        <div class="large-10 small-12 small-centered columns text-center">
        <dl class="accordion" data-accordion>
          <dd>
            <a href="#panel1"><h4>// title goes here</h4></a>
            <div id="panel1" class="content text-justify">
              // content goes her

            </div>
          </dd>
          <dd>
            <a href="#panel2"><h4>// title goes here </h4> </a>
            <div id="panel2" class="content text-justify">
              // content goes here
            </div>
          </dd>
          <dd>
            <a href="#panel3"><h4>// title goes here </h4> </a>
            <div id="panel3" class="content text-justify">
             // content goes her
            </div>
          </dd>
        </dl>        
        </div>
    </div>
 $(".accordion dd").on("click", "a:eq(0)", function (event)
      {
        var dd_parent = $(this).parent();

        if(dd_parent.hasClass('active'))
          $(".accordion dd div.content:visible").slideToggle("normal");
        else
        {
          $(".accordion dd div.content:visible").slideToggle("normal");
          $(this).parent().find(".content").slideToggle("normal");
        }
      });

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Tom Ta's post about 5 years

This works perfect for me

<div class="row">
        <div class="large-10 small-12 small-centered columns text-center">
        <dl class="accordion" data-accordion>
          <dd>
            <a href="#panel1"><h4>// title goes here</h4></a>
            <div id="panel1" class="content text-justify">
              // content goes her

            </div>
          </dd>
          <dd>
            <a href="#panel2"><h4>// title goes here </h4> </a>
            <div id="panel2" class="content text-justify">
              // content goes here
            </div>
          </dd>
          <dd>
            <a href="#panel3"><h4>// title goes here </h4> </a>
            <div id="panel3" class="content text-justify">
             // content goes her
            </div>
          </dd>
        </dl>        
        </div>
    </div>
 $(".accordion dd").on("click", "a:eq(0)", function (event)
      {
        var dd_parent = $(this).parent();

        if(dd_parent.hasClass('active'))
          $(".accordion dd div.content:visible").slideToggle("normal");
        else
        {
          $(".accordion dd div.content:visible").slideToggle("normal");
          $(this).parent().find(".content").slideToggle("normal");
        }
      });

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content