; (function ($) { $.fn.showHideContent = function (options) { var settings = $.extend({ buttonSelector: '.showhide-btn', activeClass: 'active' }, options); return $(settings.buttonSelector).each(function () { $(this).on('click', function () { var $this = $(this); if (!$this.hasClass('active')) { $this.addClass(settings.activeClass); } else { $this.removeClass(settings.activeClass); } var contentId = $this.data('target'); $("." + contentId).each(function () { if ($(this).css('display') === "none") { $(this).addClass(settings.activeClass); } else { $(this).removeClass(settings.activeClass); } }); }); }); }; })(jQuery); ; (function ($) { $.fn.expandContent = function (options) { var settings = $.extend({ buttonSelector: '.expand-btn', activeClass: 'active' }, options); return $(settings.buttonSelector).on('click', function () { var $this = $(this); var contentId = $this.data('target'); $this.addClass(settings.activeClass).siblings().removeClass(settings.activeClass); $(settings.buttonSelector).each(function () { var $this = $(this); var contentId = $this.data('target'); $("." + contentId).removeClass(settings.activeClass); }) $("." + contentId).each(function () { if ($(this).css('display') === "none") { $(this).addClass(settings.activeClass); } else { $(this).removeClass(settings.activeClass); } }); }); }; })(jQuery); $(function () { $('body').showHideContent(); $('body').expandContent(); })