2

アコーディオンのメインタイトルリンクに子アイテムがある場合は矢印を追加しようとしています。それ以外の場合は、URLをナビゲートするためのリンク自体になります。

私はこのチュートリアルに従っていますhttp://www.designchemical.com/lab/jquery/demo/jquery_vertical_accordion_menu_using_cookies.htm

コードは以下の通りです

<ul id="nav">
    <li><a href="#">Item 1</a>
        <ul>
            <li><a href="#">Sub-Item 1 a</a></li>
            <li><a href="#">Sub-Item 1 b</a></li>
            <li><a href="#">Sub-Item 1 c</a></li>
        </ul>
    </li>
    <li><a href="http:actualurl">Item 2</a></li>
    <li><a href="#">Item 3</a>
        <ul>
            <li><a href="#">Sub-Item 3 a</a></li>
            <li><a href="#">Sub-Item 3 b</a></li>
            <li><a href="#">Sub-Item 3 c</a></li>
            <li><a href="#">Sub-Item 3 d</a></li>
        </ul>
    </li>
    <li><a href="http:actualurl">Item 4</a></li>
</ul>

私はjQueryを使用していますWordpressの競合はありません

jQuery(document).ready(function () {

    var checkCookie = jQuery.cookie("nav-item");

    if (checkCookie != "") {

        jQuery('#nav > li > a:eq('+checkCookie+')').addClass('active').next().show();

    }
    jQuery('#nav > li > a').click(function(){

        var navIndex = jQuery('#nav > li > a').index(this);

        jQuery.cookie("nav-item", navIndex);
        jQuery('#nav li ul').slideUp();

        if (jQuery(this).next().is(":visible")){

            jQuery(this).next().slideUp();

        } else {

            jQuery(this).next().slideToggle();

        }

        jQuery('#nav li a').removeClass('active');
        jQuery(this).addClass('active');

    });

});
4

1 に答える 1

3

これを準備完了機能に追加します

jQuery('#nav > li').each(function(){
    if (jQuery(this).find('ul').length > 0)
    {
        //item has children; do whatever you want
        jQuery(this).prepend('<img src="path/to/iamge.png" />');
    }

});

これがデモですhttp://jsfiddle.net/qPfhG/4/

于 2012-06-24T10:46:10.113 に答える