Accordion Title 1
Accordion content 1
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
This is a sample content and This is a demo of Smooth Scrolling Div Using jQuery
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis lacinia est. Nulla malesuada massa orci, vitae placerat lorem pharetra a.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis lacinia est. Nulla malesuada massa orci, vitae placerat lorem pharetra a.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis lacinia est. Nulla malesuada massa orci, vitae placerat lorem pharetra a.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aperiam nesciunt natus fugiat alias similique voluptate dignissimos commodi necessitatibus adipisci neque consequatur.
Accordion content 1
Accordion content 2
Accordion content 3
Accordion content 4
This simple accordion toggle is a variation on the Super Smooth Accordion Dropdown Menu tutorial on jQueryScript.net. I used
it to create a FAQ section for a project recently, but it can easily be adapted for any kind of content.
HTML CSS JS
Result
$(function() { var Accordion = function(el, multiple) { this.el = el || {}; this.multiple = multiple || false;
var links = this.el.find('.article-title'); links.on('click', { el: this.el, multiple: this.multiple }, this.dropdown) }
Accordion.prototype.dropdown = function(e) { var $el = e.data.el; $this = $(this), $next = $this.next();
$next.slideToggle(); $this.parent().toggleClass('open');
if (!e.data.multiple) { $el.find('.accordion-content').not($next).slideUp().parent().removeClass('open'); }; } var accordion = new Accordion($('.accordion-container'), false); });