Folgendes, ich versuche ganzen Tag eine Jquery Accordion menü in WordPress einzubinden. Geschaft habe ich zwar schon aber jedesmal wenn ich Seite wechsele klappt sich die menüs zu. Wie kann ich das schaffen das die Aktuelle Unterseite im menü aufgeklappt ist?

Hier der Code:

function initMenus() {
$('.children', this).hide();
$('ul.menu ul').hide();
$.each($('ul.menu'), function(){
$('.children li').show();
$('#' + this.id + '.children current_page_parent li').show();
});

$('ul.menu li a').click(
function() {
var checkElement = $(this).next();
var parent = this.parentNode.parentNode.id;

if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#' + parent + ' ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}
}
);
}

Dazugehörige HTML code.

ul id="menu" class="menu"
li class="page_item page-item-91" a href="http://xyz.com/">Home/li
li class="page_item page-item-116" a href="http://xyz.com/info/">Über uns
li class="page_item page-item-124" a href="http://xyz.com/strategie/">strategie
ul class='children'>

li class="page_item page-item-158" a href="http://xyz.com/strategie/kriterien/"> Kriterien
li class="page_item page-item-163 current_page_item" a href="http://xyz.com/strategie/branchen/">Branchen Fokus/a /li
li class="page_item page-item-165"><a href="http://xyz.com/strategie/ansatz/" Ansatz
/li>
/ul>

Vielen dank


<script type='text/javascript' src='http://www.meineseite.net/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>


ganz am ende aber noch vor dem <?php get_footer(); ?> einfügt?

Gruss Martin

PS. Jetzt ist es richtig.

danke für die coole Einführung. Habe zwar selber auch schon damit gearbeitet, allerdings doch noch die ein oder andere Sache mitgenommen.

Ach ja: auch in Drupal kann man tolle Sachen mit JQuery machen

Gruß Simon

Danke für den Artikel. Eine kleine Ergänzung hätte ich hier noch zum Einbinden von jQuery und anderen Libraries. Anstatt jedes Skript via wp_enqeue_script() zu laden, kann man auch WordPress damit beauftragen. Dies macht man ja, wie du bereits erwähnt hast, über das mitgegebene Abhängigkeits-Array.

Die beiden Aufrufe kann man sich dann aber getrost schenken:

        wp_enqueue_script( 'jquery' );
        wp_enqueue_script( 'styleswitcher', '/path/to/styleswitcher.js', array( 'jquery'), '1.3.2', true );

Wichtig ist einfach nur, dass man die Abhängigkeiten im mitgegebenen Array nicht vergisst und dort auch wirklich die registrierten Skriptnamen einträgt.

Der neue Code wäre dann wie folgt (Pfad gekürzt, damits in den comment passt):

function fb_greyfoto_init() {
    if ( !is_admin() ) {

        wp_deregister_script( 'jquery' );
        wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.4.2', true );

        // js vom Theme laden, Vorraussetzung jQuery
        wp_enqueue_script( 'greyfoto', '/path/to/greyfoto.js', array( 'jquery', 'styleswitcher'), '1.1.3.1', true ); 

    }
}