2 +--------------------------------------------------------------------+
3 | CiviCRM version 4.3 |
4 +--------------------------------------------------------------------+
5 | Copyright CiviCRM LLC (c) 2004-2013 |
6 +--------------------------------------------------------------------+
7 | This file is a part of CiviCRM. |
9 | CiviCRM is free software; you can copy, modify, and distribute it |
10 | under the terms of the GNU Affero General Public License |
11 | Version 3, 19 November 2007 and the CiviCRM Licensing Exception. |
13 | CiviCRM is distributed in the hope that it will be useful, but |
14 | WITHOUT ANY WARRANTY; without even the implied warranty of |
15 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
16 | See the GNU Affero General Public License for more details. |
18 | You should have received a copy of the GNU Affero General Public |
19 | License and the CiviCRM Licensing Exception along |
20 | with this program; if not, contact CiviCRM LLC |
21 | at info[AT]civicrm[DOT]org. If you have questions about the |
22 | GNU Affero General Public License or the licensing of CiviCRM, |
23 | see the CiviCRM license FAQ at http://civicrm.org/licensing |
24 +--------------------------------------------------------------------+
28 * @file: global functions for CiviCRM
29 * FIXME: We are moving away from using global functions. DO NOT ADD MORE.
30 * @see CRM object - the better alternative to adding global functions
37 * Short-named function for string translation, defined in global scope so it's available everywhere.
39 * @param $text string string for translating
40 * @param $params object key:value of additional parameters
42 * @return string the translated string
44 function ts(text
, params
) {
46 text
= CRM
.strings
[text
] || text
;
47 if (params
&& typeof(params
) === 'object') {
48 for (var i
in params
) {
49 // sprintf emulation: escape % characters in the replacements to avoid conflicts
50 text
= text
.replace(new RegExp('%' + i
, 'g'), params
[i
].replace(/%/g
, '%-crmescaped-'));
52 return text
.replace(/%-crmescaped-/g, '%');
58 * This function is called by default at the bottom of template files which have forms that have
59 * conditionally displayed/hidden sections and elements. The PHP is responsible for generating
60 * a list of 'blocks to show' and 'blocks to hide' and the template passes these parameters to
64 * @param showBlocks Array of element Id's to be displayed
65 * @param hideBlocks Array of element Id's to be hidden
66 * @param elementType Value to set display style to for showBlocks (e.g. 'block' or 'table-row' or ...)
69 function on_load_init_blocks(showBlocks
, hideBlocks
, elementType
) {
70 if (elementType
== null) {
71 var elementType
= 'block';
74 /* This loop is used to display the blocks whose IDs are present within the showBlocks array */
75 for (var i
= 0; i
< showBlocks
.length
; i
++) {
76 var myElement
= document
.getElementById(showBlocks
[i
]);
77 /* getElementById returns null if element id doesn't exist in the document */
78 if (myElement
!= null) {
79 myElement
.style
.display
= elementType
;
82 alert('showBlocks array item not in .tpl = ' + showBlocks
[i
]);
86 /* This loop is used to hide the blocks whose IDs are present within the hideBlocks array */
87 for (var i
= 0; i
< hideBlocks
.length
; i
++) {
88 var myElement
= document
.getElementById(hideBlocks
[i
]);
89 /* getElementById returns null if element id doesn't exist in the document */
90 if (myElement
!= null) {
91 myElement
.style
.display
= 'none';
94 alert('showBlocks array item not in .tpl = ' + hideBlocks
[i
]);
100 * This function is called when we need to show or hide a related form element (target_element)
101 * based on the value (trigger_value) of another form field (trigger_field).
104 * @param trigger_field_id HTML id of field whose onchange is the trigger
105 * @param trigger_value List of integers - option value(s) which trigger show-element action for target_field
106 * @param target_element_id HTML id of element to be shown or hidden
107 * @param target_element_type Type of element to be shown or hidden ('block' or 'table-row')
108 * @param field_type Type of element radio/select
109 * @param invert Boolean - if true, we HIDE target on value match; if false, we SHOW target on value match
112 function showHideByValue(trigger_field_id
, trigger_value
, target_element_id
, target_element_type
, field_type
, invert
) {
113 if (target_element_type
== null) {
114 var target_element_type
= 'block';
117 if (target_element_type
== 'table-row') {
118 var target_element_type
= '';
122 if (field_type
== 'select') {
123 var trigger
= trigger_value
.split("|");
124 var selectedOptionValue
= document
.getElementById(trigger_field_id
).options
[document
.getElementById(trigger_field_id
).selectedIndex
].value
;
126 var target
= target_element_id
.split("|");
127 for (var j
= 0; j
< target
.length
; j
++) {
129 cj('#' + target
[j
]).show();
132 cj('#' + target
[j
]).hide();
134 for (var i
= 0; i
< trigger
.length
; i
++) {
135 if (selectedOptionValue
== trigger
[i
]) {
137 cj('#' + target
[j
]).hide();
140 cj('#' + target
[j
]).show();
148 if (field_type
== 'radio') {
149 var target
= target_element_id
.split("|");
150 for (var j
= 0; j
< target
.length
; j
++) {
151 if (document
.getElementsByName(trigger_field_id
)[0].checked
) {
153 cj('#' + target
[j
]).hide();
156 cj('#' + target
[j
]).show();
161 cj('#' + target
[j
]).show();
164 cj('#' + target
[j
]).hide();
174 * Function for checking ALL or unchecking ALL check boxes in a resultset page.
177 * @param fldPrefix - common string which precedes unique checkbox ID and identifies field as
178 * belonging to the resultset's checkbox collection
179 * @param object - checkbox
180 * Sample usage: onClick="javascript:changeCheckboxValues('chk_', cj(this) );"
184 function toggleCheckboxVals(fldPrefix
, object
) {
185 if (object
.id
== 'toggleSelect' && cj(object
).is(':checked')) {
186 cj('Input[id*="' + fldPrefix
+ '"],Input[id*="toggleSelect"]').attr('checked', true);
189 cj('Input[id*="' + fldPrefix
+ '"],Input[id*="toggleSelect"]').attr('checked', false);
191 // change the class of selected rows
192 on_load_init_checkboxes(object
.form
.name
);
195 function countSelectedCheckboxes(fldPrefix
, form
) {
197 for (i
= 0; i
< form
.elements
.length
; i
++) {
198 fpLen
= fldPrefix
.length
;
199 if (form
.elements
[i
].type
== 'checkbox' && form
.elements
[i
].name
.slice(0, fpLen
) == fldPrefix
&& form
.elements
[i
].checked
== true) {
207 * Function to enable task action select
209 function toggleTaskAction(status
) {
210 var radio_ts
= document
.getElementsByName('radio_ts');
212 radio_ts
[0].checked
= true;
214 if (radio_ts
[0].checked
|| radio_ts
[1].checked
) {
218 var formElements
= ['task', 'Go', 'Print'];
219 for (var i
= 0; i
< formElements
.length
; i
++) {
220 var element
= document
.getElementById(formElements
[i
]);
223 element
.disabled
= false;
226 element
.disabled
= true;
233 * This function is used to check if any actio is selected and also to check if any contacts are checked.
236 * @param fldPrefix - common string which precedes unique checkbox ID and identifies field as
237 * belonging to the resultset's checkbox collection
238 * @param form - name of form that checkboxes are part of
239 * Sample usage: onClick="javascript:checkPerformAction('chk_', myForm );"
242 function checkPerformAction(fldPrefix
, form
, taskButton
, selection
) {
246 // taskButton TRUE means we don't need to check the 'task' field - it's a button-driven task
247 if (taskButton
== 1) {
251 if (document
.forms
[form
].task
.selectedIndex
) {
252 //force user to select all search contacts, CRM-3711
253 if (document
.forms
[form
].task
.value
== 13 || document
.forms
[form
].task
.value
== 14) {
254 var toggleSelect
= document
.getElementsByName('toggleSelect');
255 if (toggleSelect
[0].checked
|| document
.forms
[form
].radio_ts
[0].checked
) {
259 alert("Please select all contacts for this action.\n\nTo use the entire set of search results, click the 'all records' radio button.");
268 // If user wants to perform action on ALL records and we have a task, return (no need to check further)
269 if (document
.forms
[form
].radio_ts
[0].checked
) {
273 cnt
= (selection
== 1) ? countSelections() : countSelectedCheckboxes(fldPrefix
, document
.forms
[form
]);
275 alert("Please select one or more contacts for this action.\n\nTo use the entire set of search results, click the 'all records' radio button.");
280 alert("Please select an action from the drop-down menu.");
286 * This function changes the style for a checkbox block when it is selected.
289 * @param chkName - it is name of the checkbox
292 function checkSelectedBox(chkName
) {
293 var checkElement
= cj('#' + chkName
);
294 if (checkElement
.attr('checked')) {
295 cj('input[value=ts_sel]:radio').attr('checked', true);
296 checkElement
.parents('tr').addClass('crm-row-selected');
299 checkElement
.parents('tr').removeClass('crm-row-selected');
304 * This function is to show the row with selected checkbox in different color
305 * @param form - name of form that checkboxes are part of
310 function on_load_init_checkboxes(form
) {
312 var fldPrefix
= 'mark_x';
313 for (i
= 0; i
< document
.forms
[formName
].elements
.length
; i
++) {
314 fpLen
= fldPrefix
.length
;
315 if (document
.forms
[formName
].elements
[i
].type
== 'checkbox' && document
.forms
[formName
].elements
[i
].name
.slice(0, fpLen
) == fldPrefix
) {
316 checkSelectedBox(document
.forms
[formName
].elements
[i
].name
, formName
);
322 * Function to change the color of the class
324 * @param form - name of the form
325 * @param rowid - id of the <tr>, <div> you want to change
330 function changeRowColor(rowid
, form
) {
331 switch (document
.getElementById(rowid
).className
) {
333 document
.getElementById(rowid
).className
= 'selected even-row';
336 document
.getElementById(rowid
).className
= 'selected odd-row';
338 case 'selected even-row' :
339 document
.getElementById(rowid
).className
= 'even-row';
341 case 'selected odd-row' :
342 document
.getElementById(rowid
).className
= 'odd-row';
345 document
.getElementById(rowid
).className
= 'selected';
348 document
.getElementById(rowid
).className
= 'form-item';
353 * This function is to show the row with selected checkbox in different color
354 * @param form - name of form that checkboxes are part of
359 function on_load_init_check(form
) {
360 for (i
= 0; i
< document
.forms
[form
].elements
.length
; i
++) {
361 if (( document
.forms
[form
].elements
[i
].type
== 'checkbox'
362 && document
.forms
[form
].elements
[i
].checked
== true )
363 || ( document
.forms
[form
].elements
[i
].type
== 'hidden'
364 && document
.forms
[form
].elements
[i
].value
== 1 )) {
365 var ss
= document
.forms
[form
].elements
[i
].id
;
366 var row
= 'rowid' + ss
;
367 changeRowColor(row
, form
);
373 * reset all the radio buttons with a given name
375 * @param string fieldName
379 function unselectRadio(fieldName
, form
) {
380 for (i
= 0; i
< document
.forms
[form
].elements
.length
; i
++) {
381 if (document
.forms
[form
].elements
[i
].name
== fieldName
) {
382 document
.forms
[form
].elements
[i
].checked
= false;
389 * Function to change button text and disable one it is clicked
391 * @param obj object - the button clicked
392 * @param formID string - the id of the form being submitted
393 * @param string procText - button text after user clicks it
397 /* Changes button label on submit, and disables button after submit for newer browsers.
398 Puts up alert for older browsers. */
399 function submitOnce(obj
, formId
, procText
) {
400 // if named button clicked, change text
401 if (obj
.value
!= null) {
402 obj
.value
= procText
+ " ...";
404 if (document
.getElementById
) { // disable submit button for newer browsers
406 document
.getElementById(formId
).submit();
409 else { // for older browsers
410 if (submitcount
== 0) {
415 alert("Your request is currently being processed ... Please wait.");
421 function popUp(URL
) {
424 eval("page" + id
+ " = window.open(URL, '" + id
+ "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=640,height=420,left = 202,top = 184');");
427 function imagePopUp(path
) {
428 window
.open(path
, 'popupWindow', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,screenX=150,screenY=150,top=150,left=150');
432 * Function to show / hide the row in optionFields
434 * @param element name index, that whose innerHTML is to hide else will show the hidden row.
436 function showHideRow(index
) {
438 cj('tr#optionField_' + index
).hide();
439 if (cj('table#optionField tr:hidden:first').length
) {
440 cj('div#optionFieldLink').show();
444 cj('table#optionField tr:hidden:first').show();
445 if (!cj('table#optionField tr:hidden:last').length
) {
446 cj('div#optionFieldLink').hide();
453 * Function to check activity status in relavent to activity date
455 * @param element message JSON object.
457 function activityStatus(message
) {
458 var d
= new Date(), time
= [], i
;
459 var currentDateTime
= d
.getTime()
460 var activityTime
= cj("input#activity_date_time_time").val().replace(":", "");
462 //chunk the time in bunch of 2 (hours,minutes,ampm)
463 for (i
= 0; i
< activityTime
.length
; i
+= 2) {
464 time
.push(activityTime
.slice(i
, i
+ 2));
466 var activityDate
= new Date(cj("input#activity_date_time_hidden").val());
468 d
.setFullYear(activityDate
.getFullYear());
469 d
.setMonth(activityDate
.getMonth());
470 d
.setDate(activityDate
.getDate());
471 var hours
= time
['0'];
472 var ampm
= time
['2'];
474 if (ampm
== "PM" && hours
!= 0 && hours
!= 12) {
475 // force arithmetic instead of string concatenation
476 hours
= hours
* 1 + 12;
479 if (ampm
== "AM" && hours
== 12) {
484 d
.setMinutes(time
['1']);
486 var activity_date_time
= d
.getTime();
488 var activityStatusId
= cj('#status_id').val();
490 if (activityStatusId
== 2 && currentDateTime
< activity_date_time
) {
491 if (!confirm(message
.completed
)) {
496 if (activity_date_time
&& activityStatusId
== 1 && currentDateTime
>= activity_date_time
) {
497 if (!confirm(message
.scheduled
)) {
504 CRM
.strings
= CRM
.strings
|| {};
505 CRM
.validate
= CRM
.validate
|| {
510 (function ($, undefined) {
512 $(document
).ready(function () {
514 $('.crm-container table.row-highlight').on('change', 'input.select-row, input.select-rows', function () {
515 var target
, table
= $(this).closest('table');
516 if ($(this).hasClass('select-rows')) {
517 target
= $('tbody tr', table
);
518 $('input.select-row', table
).prop('checked', $(this).prop('checked'));
521 target
= $(this).closest('tr');
522 $('input.select-rows', table
).prop('checked', $(".select-row:not(':checked')", table
).length
< 1);
524 target
.toggleClass('crm-row-selected', $(this).is(':checked'));
526 $('#crm-container').live('click', function (event
) {
527 if ($(event
.target
).is('.btn-slide')) {
528 var currentActive
= $('#crm-container .btn-slide-active');
529 currentActive
.children().hide();
530 currentActive
.removeClass('btn-slide-active');
531 $(event
.target
).children().show();
532 $(event
.target
).addClass('btn-slide-active');
535 $('.btn-slide .panel').hide();
536 $('.btn-slide-active').removeClass('btn-slide-active');
542 * Function to make multiselect boxes behave as fields in small screens
544 function advmultiselectResize() {
545 var amswidth
= $("#crm-container form:has(table.advmultiselect)").width();
546 if (amswidth
< 700) {
547 $("form table.advmultiselect td").css('display', 'block');
550 $("form table.advmultiselect td").css('display', 'table-cell');
552 var contactwidth
= $('#crm-container #mainTabContainer').width();
553 if (contactwidth
< 600) {
554 $('#crm-container #mainTabContainer').addClass('narrowpage');
555 $('#crm-container #mainTabContainer.narrowpage #contactTopBar td').each(function (index
) {
557 if (index
% 2 == 0) {
558 $(this).parent().after('<tr class="narrowadded"></tr>');
561 $(this).parent().next().append(item
);
566 $('#crm-container #mainTabContainer.narrowpage').removeClass('narrowpage');
567 $('#crm-container #mainTabContainer #contactTopBar tr.narrowadded td').each(function () {
569 var parent
= $(this).parent();
570 $(this).parent().prev().append(nitem
);
571 if (parent
.children().size() == 0) {
575 $('#crm-container #mainTabContainer.narrowpage #contactTopBar tr.added').detach();
577 var cformwidth
= $('#crm-container #Contact .contact_basic_information-section').width();
579 if (cformwidth
< 720) {
580 $('#crm-container .contact_basic_information-section').addClass('narrowform');
581 $('#crm-container .contact_basic_information-section table.form-layout-compressed td .helpicon').parent().addClass('hashelpicon');
582 if (cformwidth
< 480) {
583 $('#crm-container .contact_basic_information-section').addClass('xnarrowform');
586 $('#crm-container .contact_basic_information-section.xnarrowform').removeClass('xnarrowform');
590 $('#crm-container .contact_basic_information-section.narrowform').removeClass('narrowform');
591 $('#crm-container .contact_basic_information-section.xnarrowform').removeClass('xnarrowform');
595 advmultiselectResize();
596 $(window
).resize(function () {
597 advmultiselectResize();
600 $.fn
.crmtooltip = function () {
601 $('a.crm-summary-link:not(.crm-processed)')
602 .addClass('crm-processed')
603 .on('mouseover', function (e
) {
604 $(this).addClass('crm-tooltip-active');
605 var topDistance
= e
.pageY
- $(window
).scrollTop();
606 if (topDistance
< 300 | topDistance
< $(this).children('.crm-tooltip-wrapper').height()) {
607 $(this).addClass('crm-tooltip-down');
609 if (!$(this).children('.crm-tooltip-wrapper').length
) {
610 $(this).append('<div class="crm-tooltip-wrapper"><div class="crm-tooltip"></div></div>');
611 $(this).children().children('.crm-tooltip')
612 .html('<div class="crm-loading-element"></div>')
616 .on('mouseout', function () {
617 $(this).removeClass('crm-tooltip-active crm-tooltip-down');
623 CRM
.help = function (title
, params
) {
624 h
&& h
.close
&& h
.close();
628 h
= CRM
.alert('...', title
, 'crm-help crm-msg-loading', options
);
629 params
.class_name
= 'CRM_Core_Page_Inline_Help';
630 params
.type
= 'page';
631 $.ajax(CRM
.url('civicrm/ajax/inline'),
635 success: function (data
) {
636 $('#crm-notification-container .crm-help .notify-content:last').html(data
);
637 $('#crm-notification-container .crm-help').removeClass('crm-msg-loading').addClass('info');
640 $('#crm-notification-container .crm-help .notify-content:last').html('Unable to load help file.');
641 $('#crm-notification-container .crm-help').removeClass('crm-msg-loading').addClass('error');
648 * @param string text Displayable message
649 * @param string title Displayable title
650 * @param string type 'alert'|'info'|'success'|'error' (default: 'alert')
651 * @param {object} options
653 * @see http://wiki.civicrm.org/confluence/display/CRM/Notifications+in+CiviCRM
655 CRM
.alert = function (text
, title
, type
, options
) {
656 type
= type
|| 'alert';
658 options
= options
|| {};
659 if ($('#crm-notification-container').length
) {
665 // By default, don't expire errors and messages containing links
667 expires
: (type
== 'error' || text
.indexOf('<a ') > -1) ? 0 : (text
? 10000 : 5000),
670 options
= $.extend(extra
, options
);
671 options
.expires
= options
.expires
=== false ? 0 : parseInt(options
.expires
, 10);
672 if (options
.unique
&& options
.unique
!== '0') {
673 $('#crm-notification-container .ui-notify-message').each(function () {
674 if (title
=== $('h1', this).html() && text
=== $('.notify-content', this).html()) {
675 $('.icon.ui-notify-close', this).click();
679 return $('#crm-notification-container').notify('create', params
, options
);
683 text
= title
+ "\n" + text
;
691 * Close whichever alert contains the given node
695 CRM
.closeAlertByChild = function (node
) {
696 $(node
).closest('.ui-notify-message').find('.icon.ui-notify-close').click();
700 * Prompt the user for confirmation.
702 * @param buttons {object|function} key|value pairs where key == button label and value == callback function
703 * passing in a function instead of an object is a shortcut for a sinlgle button labeled "Continue"
704 * @param options {object|void} Override defaults, keys include 'title', 'message',
705 * see jQuery.dialog for full list of available params
707 CRM
.confirm = function (buttons
, options
, cancelLabel
) {
708 var dialog
, callbacks
= {};
709 cancelLabel
= cancelLabel
|| ts('Cancel');
711 title
: ts('Confirm Action'),
712 message
: ts('Are you sure you want to continue?'),
721 settings
.buttons
[cancelLabel
] = function () {
722 dialog
.dialog('close');
724 options
= options
|| {};
725 $.extend(settings
, options
);
726 if (typeof(buttons
) === 'function') {
727 callbacks
[ts('Continue')] = buttons
;
732 $.each(callbacks
, function (label
, callback
) {
733 settings
.buttons
[label
] = function () {
734 callback
.call(dialog
);
735 dialog
.dialog('close');
738 dialog
= $('<div class="crm-container crm-confirm-dialog"></div>')
739 .html(options
.message
)
746 * Sets an error message
747 * If called for a form item, title and removal condition will be handled automatically
749 $.fn
.crmError = function (text
, title
, options
) {
752 options
= options
|| {};
757 if ($(this).length
) {
759 var label
= $('label[for="' + $(this).attr('name') + '"], label[for="' + $(this).attr('id') + '"]').not('[generated=true]');
761 label
.addClass('crm-error');
762 var $label
= label
.clone();
763 if (text
== '' && $('.crm-marker', $label
).length
> 0) {
764 text
= $('.crm-marker', $label
).attr('title');
766 $('.crm-marker', $label
).remove();
767 title
= $label
.text();
770 $(this).addClass('error');
772 var msg
= CRM
.alert(text
, title
, 'error', $.extend(extra
, options
));
773 if ($(this).length
) {
775 setTimeout(function () {
776 ele
.one('change', function () {
777 msg
&& msg
.close
&& msg
.close();
778 ele
.removeClass('error');
779 label
.removeClass('crm-error');
786 // Display system alerts through js notifications
787 function messagesFromMarkup() {
788 $('div.messages:visible', this).not('.help').not('.no-popup').each(function () {
789 var text
, title
= '';
790 $(this).removeClass('status messages');
791 var type
= $(this).attr('class').split(' ')[0] || 'alert';
792 type
= type
.replace('crm-', '');
793 $('.icon', this).remove();
794 if ($('.msg-text', this).length
> 0) {
795 text
= $('.msg-text', this).html();
796 title
= $('.msg-title', this).html();
799 text
= $(this).html();
801 var options
= $(this).data('options') || {};
803 // Duplicates were already removed server-side
804 options
.unique
= false;
805 CRM
.alert(text
, title
, type
, options
);
807 // Handle qf form errors
808 $('form :input.error', this).one('blur', function () {
809 $('.ui-notify-message.error a.ui-notify-close').click();
810 $(this).removeClass('error');
811 $(this).next('span.crm-error').remove();
812 $('label[for="' + $(this).attr('name') + '"], label[for="' + $(this).attr('id') + '"]')
813 .removeClass('crm-error')
814 .find('.crm-error').removeClass('crm-error');
819 if ($('#crm-notification-container').length
) {
820 // Initialize notifications
821 $('#crm-notification-container').notify();
822 messagesFromMarkup
.call($('#crm-container'));
823 $('#crm-container').on('crmFormLoad', '*', messagesFromMarkup
);
827 $.fn
.crmAccordions = function (speed
) {
828 var container
= $('#crm-container');
829 if (speed
=== undefined) {
832 if ($(this).length
> 0) {
835 if (container
.length
> 0 && !container
.hasClass('crm-accordion-processed')) {
836 // Allow normal clicking of links
837 container
.on('click', 'div.crm-accordion-header a', function (e
) {
838 e
.stopPropagation
&& e
.stopPropagation();
840 container
.on('click', '.crm-accordion-header, .crm-collapsible .collapsible-title', function () {
841 if ($(this).parent().hasClass('collapsed')) {
842 $(this).next().css('display', 'none').slideDown(speed
);
845 $(this).next().css('display', 'block').slideUp(speed
);
847 $(this).parent().toggleClass('collapsed');
850 container
.addClass('crm-accordion-processed');
853 $.fn
.crmAccordionToggle = function (speed
) {
854 $(this).each(function () {
855 if ($(this).hasClass('collapsed')) {
856 $('.crm-accordion-body', this).first().css('display', 'none').slideDown(speed
);
859 $('.crm-accordion-body', this).first().css('display', 'block').slideUp(speed
);
861 $(this).toggleClass('collapsed');