Inline popup jQuery (Accordion)

0 votes
250 views
added Apr 10, 2019 in Plugins by LC Marshal Captain (25,790 points)

There's 2 .js dependencies.

  1. https://code.jquery.com/jquery-2.2.4.min.js (compatibility)
  2. https://position2.github.io/jQuery-Inline-Popup/dist/jquery-inline-popup.js

Usage: 

$(document).ready(function() {
  $("#ip-container").inlinePopup({
    itemSelector : ".article",
    closeinnerelem:"X"
  });
});

 

HTML

<div id="ip-container" >
    <div class="article">
      <h2>pen element area for click</h2>
       
      <div class="ip-details">
        <p>Content goes here. Content goes here. Content goes here. Content goes here. Content goes here. Content goes here. Content goes here. </p>
         
      </div>
    </div>
</div>

 

Learn more here

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...