Форум Сайтостроение Веб-строительство

Помогите увеличить вложенность в спойлере

7
На сайте с 24.08.2012
Offline
3
7Lexus
607

Дано: код спойлера

Задача: добавить еще один уровень вложенности в разделе "Категория_2" в "Подподкатегория_6"

Сам код: 


<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>

<style>

    #nav_menu_content{

	display:inline:block;

	width:730px;

    }

    #nav_menu_content ul {

        display: none;

    }

    #nav_menu_content > li {

	margin:4px 0 4px 12px;

	padding:2px 4px;

        border:1px solid red!important;

	background-color: #E0EDED;

	font-size:120%;

	text-shadow:1px 1px 1px #83A0A0;

    }

    #nav_menu_content > li > ul > li{

	margin:4px 0 4px 12px;

	padding:2px 4px;

        border:1px solid blue!important;

	text-shadow:none;

	font-size:80%;

        background-color: #C1C1E5;

    }

    #nav_menu_content > li > ul > li  > ul > li{

	margin:4px 0 4px 12px;

	font-size:90%;

	padding:2px 4px;

        border:1px solid green!important;

        background-color: #BCDEBC;

    }

</style>



<script type="text/javascript">

function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}

 function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}

</script>

<body>



<ul class='left_nav_menu' id='nav_menu_content'>

    <li><a href='#'>Категория_1</a>

        <ul>

            <li><a href="#">Подкатегория_1</a>

                <ul>

                    <li><a href="view_cat.php?...">Подподкатегория_1</a></li>

                </ul>

            </li>

            <li><a href="#">Подкатегория_2</a>

                <ul>

                    <li><a href="view_cat.php?...">Подподкатегория_2</a></li>

                    <li><a href="view_cat.php?...">Подподкатегория_3</a></li>

                </ul>

            </li>

            <li><a href="#">Подкатегория_3</a>

                <ul>

                    <li><a href="view_cat.php?...">Подподкатегория_4</a></li>

                    <li><a href="view_cat.php?...">Подподкатегория_5</a></li>

                </ul>

            </li>

        </ul>

    </li>

    <li><a href='#'>Категория_2</a>

        <ul>

            <li><a href="#">Подкатегория_4</a>

                <ul class="material_cat">

                    <li><a href="view_cat.php?...">Подподкатегория_6</a></li>

                </ul>

            </li>

        </ul>

    </li>

</ul>



<script type="text/javascript">



        var nav = $("#nav_menu_content"),

            uls = nav.find("ul");



        

	var coci_MENU= getcookie( "MENU" );

	if (coci_MENU) {

	setcookie( "MENU",coci_MENU ,30*3600*24*1000 );



	// тут получаем индексы из куки и перебираем их:

        var showedElems = ( coci_MENU || "" ).split(",");

        for( var i = 0; i < showedElems.length; i++ ) {

            // отображаем при загрузке то что надо.

            $( uls[ showedElems[ i ] ] ).show();

        }}



        nav.find("a").click(function() {

	 var Lnk=$(this).attr("href");

	   if(Lnk=''||Lnk.indexOf('#')==0){

	      setcookie( "MENU",1 ,-1);

	    }

            var self = $(this).next();



            if ( self.length  > 0 ) {



                var showedElems = [];



                uls.each(function( index ){



                    if ( this === self[0] ) {

                        if ( self.css('display') == "none" ) {

                            showedElems[ showedElems.length ] = index;

                        }

                        $( this ).slideToggle( 200 );

                    } else if ( jQuery.inArray( this, self.parents( "ul" ) ) == -1 ) {

                        $( this ).slideUp( 200 );

                    } else {

                        showedElems[ showedElems.length ] = index;

                    }

                });

                // эту переменную  суём в куки,

                setcookie( "MENU", showedElems.join(",") ,30*3600*24*1000 );



                return false;

            }



        });



</script>

Как это выглядит - можно посмотреть ЗДЕСЬ

bigton
На сайте с 17.08.2009
Offline
43
bigton
#1 


<ul class='left_nav_menu' id='nav_menu_content'>

<li><a href='#'>Категория_1</a>

<ul>

<li><a href="#">Подкатегория_1</a>

<ul>

<li><a href="view_cat.php?...">Подподкатегория_1</a></li>

</ul>

</li>

<li><a href="#">Подкатегория_2</a>

<ul>

<li><a href="view_cat.php?...">Подподкатегория_2</a></li>

<li><a href="view_cat.php?...">Подподкатегория_3</a></li>

</ul>

</li>

<li><a href="#">Подкатегория_3</a>

<ul>

<li><a href="view_cat.php?...">Подподкатегория_4</a></li>

<li><a href="view_cat.php?...">Подподкатегория_5</a></li>

</ul>

</li>

</ul>

</li>

<li><a href='#'>Категория_2</a>

<ul>

<li><a href="#">Подкатегория_4</a>

<ul class="material_cat">

<li><a href="view_cat.php?...">Подподкатегория_6</a>

<ul>

<li><a href="view_cat.php?...">Подподкатегория_6.1</a></li>

<li><a href="view_cat.php?...">Подподкатегория_6.2</a></li>

<li><a href="view_cat.php?...">Подподкатегория_6.3</a></li>

</ul>

</li>

</ul>

</li>

</ul>

</li>

</ul>
7
На сайте с 24.08.2012
Offline
3
7Lexus
#2

Bigton! благодарю.

как раз то, что доктор прописал

еще бы для каждого "Подподкатегория_6.1", "Подподкатегория_6.2".... свое обрамление, свой цвет... было бы вообще в самый раз

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий