/*
* jquery collapsible panel v1.0
*
* Copyright (c) 2011 Karthik Ananthapadmanaban
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* Date: 09-08-2011
*
*/
(function ($) { $.fn.partialcollapsiblepanel = function (options) { var settings = { 'contentHeight': 60, 'animateSpeed': 500, 'enableHeaderImage': false, 'contentClass': 'cpContent', 'headerImageClass': 'imgExpandCollapse', 'expandedImageUrl': '', 'collapsedImageUrl': '', 'padHeader': false, 'padContent': false }; $.extend(settings, options); return this.each(function () { var $cpHeader = $(this); $cpHeader.css('cursor', 'pointer'); if (settings.padHeader) { $cpHeader.css('padding', '2px 2px 2px 2px'); } var $img = null; if (settings.enableHeaderImage) { $img = $cpHeader.find('img.' + settings.headerImageClass); } var $cpContent = $cpHeader.next('.' + settings.contentClass); $cpContent.css('height', settings.contentHeight + 'px').css('overflow-y', 'hidden'); if (settings.padContent) { $cpContent.css('padding', '2px 2px 2px 2px'); } $cpHeader.click(function () { var element = $cpContent; var height = $(element).height(); if (height <= settings.contentHeight) { var height2 = $(element).prop('scrollHeight'); $(element).animate({ height: height2 + 'px' }, settings.animateSpeed); if (settings.enableHeaderImage) { var imgUrl = $img.attr('src'); imgUrl = imgUrl.replace(settings.expandedImageUrl, settings.collapsedImageUrl); $img.attr('src', imgUrl); } } else { $(element).animate({ height: settings.contentHeight + 'px' }, settings.animateSpeed); if (settings.enableHeaderImage) { var imgUrl = $img.attr('src'); imgUrl = imgUrl.replace(settings.collapsedImageUrl, settings.expandedImageUrl); $img.attr('src', imgUrl); } } }); }); }; })(jQuery);