Robimy rozwijane menu dzieki jquery. Za jego pomoca mozna zaoszczędzic sporo miejsca na stronie www

Skrypt jquery:

if (Drupal.jsEnabled) {
$(document).ready(function(){
$(".msg_body").hide();
$(".msg_head").click(function(){
if ( $(this).next(".msg_body").is(':visible') ) {
$(".msg_body").hide(); }
else {
$(".msg_body").hide();
$(this).next(".msg_body").slideToggle(80); }
});
});
}

Skrypt nazywamy przykładowo skrypt.js, umieszczam go w katalogu /katalogdrupala/sites/default/files w pliku page.tpl.php w katalogu z używana skórką, w sekcji head należy dodać linijkę

Klasy CSS do załadowania przez moduł css injector lub w plik style.css w katalogu używanej skórki

.msg_list {
margin: 0px;
padding: 0px;
width: 383px;
}
.msg_head {
width:25%;
padding: 5px 25px;
cursor: pointer;
position: relative;
background:#3977b0 no-repeat;
color:#fff;
border:2px solid #ddd;
margin:1px;
background-position:0px;
}

i to cała zabawa :)
pozdrawiam