|
1
|
// $Id$
|
|
2
|
|
|
3
|
/**
|
|
4
|
* Expected dom structure:
|
|
5
|
* <li class="dynabox">
|
|
6
|
<div class="dynabox_label"><span class="label">Lable Text</span>
|
|
7
|
<ul class="dynabox_content"><li> ...... </li></ul>
|
|
8
|
</li>
|
|
9
|
*/
|
|
10
|
|
|
11
|
|
|
12
|
Drupal.cdm_dynaboxAutoAttach = function () {
|
|
13
|
|
|
14
|
$('.dynabox').find('.dynabox_content').hide().click(function(event){event.stopPropagation();});
|
|
15
|
$('.dynabox a.label').click(
|
|
16
|
function (event) {
|
|
17
|
event.preventDefault(); //Cancel the default action (navigation) of the click.
|
|
18
|
var dynabox_content = $(this).toggleClass("dynabox_expanded").parent('.dynabox').find('.dynabox_content').slideToggle("fast");
|
|
19
|
|
|
20
|
var url = dynabox_content.attr('title');
|
|
21
|
|
|
22
|
if(url != undefined){
|
|
23
|
dynabox_content.removeAttr('title').find('.loading').css( 'display', 'block');
|
|
24
|
$.get(url, function(html){
|
|
25
|
dynabox_content.find('.loading').remove().end().append(html);
|
|
26
|
});
|
|
27
|
}
|
|
28
|
});
|
|
29
|
//$('li.dynabox> span').click(function(event){event.stopPropagation();});
|
|
30
|
}
|
|
31
|
|
|
32
|
|
|
33
|
if (Drupal.jsEnabled) {
|
|
34
|
$(document).ready(Drupal.cdm_dynaboxAutoAttach);
|
|
35
|
}
|