منو دسته بندی کشویی

[BenTo 12]

با سلام خدمت اساتید محترم

عزیزان من حقیقتا دنبال یک منو کشویی هستم که با کد باشه نه افزونه

مثل - سایت rainmovie.ir البته این رزبلاگه و من همچین منویی برای وردپرس میخوام

میشه کمک کنید ؟ بدونه افزونه لطفا اگه هزینه هم داره بفرمایید

سپاس

[Mirrajabi 455]

در 21 ساعت قبل، BenTo گفته است :

با سلام خدمت اساتید محترم

عزیزان من حقیقتا دنبال یک منو کشویی هستم که با کد باشه نه افزونه

مثل - سایت rainmovie.ir البته این رزبلاگه و من همچین منویی برای وردپرس میخوام

میشه کمک کنید ؟ بدونه افزونه لطفا اگه هزینه هم داره بفرمایید

سپاس

یک نمونه بسیار ساده :
<div class="Downloadscontainer">
    <ul>
        <li>level 1</li>
        <li><a href="#">some page</a>

            <ul>
                <li>level 2</li>
                <li>level 2</li>
                <li><a href="#">some page</a>

                    <ul>
                        <li>level 2</li>
                        <li>level 2</li>
                    </ul>
                </li>
            </ul>
        </li>
         <li><a href="#">some page</a>

            <ul>
                <li>level 2</li>
                <li>level 2</li>
                <li><a href="#">some page</a>

                    <ul>
                        <li>level 2</li>
                        <li>level 2</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>
<script>
  jQuery( document ).ready(function() {
   	jQuery(".Downloadscontainer ul li ul").css("display", "none");
 	jQuery(".Downloadscontainer a").click(function (e) {
    e.preventDefault();
    jQuery(this).closest('li').children('ul').toggle();
 });
 });
</script>

http://jsfiddle.net/ot0kxs0z/104/

[Black_Sky 6349]

http://rokesh.ir/wordpress-tutorials-making-drop-down-menu-for-wordpress/

https://code.tutsplus.com/tutorials/how-to-integrate-a-bootstrap-navbar-into-a-wordpress-theme--wp-33410

http://www.wpbeginner.com/wp-themes/how-to-add-custom-navigation-menus-in-wordpress-3-0-themes/

http://www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/

[BenTo 12]

در 2 ساعت قبل، Mirrajabi گفته است :

یک نمونه بسیار ساده :
<div class="Downloadscontainer">
    <ul>
        <li>level 1</li>
        <li><a href="#">some page</a>

            <ul>
                <li>level 2</li>
                <li>level 2</li>
                <li><a href="#">some page</a>

                    <ul>
                        <li>level 2</li>
                        <li>level 2</li>
                    </ul>
                </li>
            </ul>
        </li>
         <li><a href="#">some page</a>

            <ul>
                <li>level 2</li>
                <li>level 2</li>
                <li><a href="#">some page</a>

                    <ul>
                        <li>level 2</li>
                        <li>level 2</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</div>
<script>
  jQuery( document ).ready(function() {
   	jQuery(".Downloadscontainer ul li ul").css("display", "none");
 	jQuery(".Downloadscontainer a").click(function (e) {
    e.preventDefault();
    jQuery(this).closest('li').children('ul').toggle();
 });
 });
</script>

http://jsfiddle.net/ot0kxs0z/104/

سلام
مرسی از کمک از لحاظ ساختاری کار میکنه و عالی می باشد
اما متاسفانه روی لینک های دسته بندی که کلیک میکنم کار نمیکنند و منم از جی کوئری سر در نمیاوردم که درستش کنم بازم شرمنده
مانند : 
دسته بندی یک - ( اینا که سر دسته هستن لینکشون نمیخواد کار کنه )

1. تست یک - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )
2. تست دو - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )

دسته بندی دو - ( اینا که سر دسته هستن لینکشون نمیخواد کار کنه )

1. تست سه - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )
2. تست چهار - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )

و دسته بندی موضوعات من هر موضوع یک چندین زیر موضوع داره مانند :

<div class="Downloadscontainer">
    <ul>
        <li><a href="#">level 1</a> در این قسمت فقط منو رو باز کنه
            <ul>
                <li><a href="#">level 2</a></li>   در این قسمت کلیک که میشه به لینک دسته بندی مراجعه پیدا کنند
                <li><a href="#">level 2</a></li>   در این قسمت کلیک که میشه به لینک دسته بندی مراجعه پیدا کنند
                <li><a href="#">level 2</a></li>   در این قسمت کلیک که میشه به لینک دسته بندی مراجعه پیدا کنند
            </ul>
        </li>
    </ul>
</div>
<script>
  jQuery( document ).ready(function() {
   	jQuery(".Downloadscontainer ul li ul").css("display", "none");
 	jQuery(".Downloadscontainer a").click(function (e) {
    e.preventDefault();
    jQuery(this).closest('li').children('ul').toggle();
 });
 });
</script>

 

[Mirrajabi 455]

در در 10/8/2017 at 11:41، BenTo گفته است :

سلام
مرسی از کمک از لحاظ ساختاری کار میکنه و عالی می باشد
اما متاسفانه روی لینک های دسته بندی که کلیک میکنم کار نمیکنند و منم از جی کوئری سر در نمیاوردم که درستش کنم بازم شرمنده
مانند : 
دسته بندی یک - ( اینا که سر دسته هستن لینکشون نمیخواد کار کنه )

1. تست یک - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )
2. تست دو - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )

دسته بندی دو - ( اینا که سر دسته هستن لینکشون نمیخواد کار کنه )

1. تست سه - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )
2. تست چهار - ( اما این زیر دسته ها هم لینکشون کار نمیکنه )

و دسته بندی موضوعات من هر موضوع یک چندین زیر موضوع داره مانند :

<div class="Downloadscontainer">
    <ul>
        <li><a href="#">level 1</a> در این قسمت فقط منو رو باز کنه
            <ul>
                <li><a href="#">level 2</a></li>   در این قسمت کلیک که میشه به لینک دسته بندی مراجعه پیدا کنند
                <li><a href="#">level 2</a></li>   در این قسمت کلیک که میشه به لینک دسته بندی مراجعه پیدا کنند
                <li><a href="#">level 2</a></li>   در این قسمت کلیک که میشه به لینک دسته بندی مراجعه پیدا کنند
            </ul>
        </li>
    </ul>
</div>
<script>
  jQuery( document ).ready(function() {
   	jQuery(".Downloadscontainer ul li ul").css("display", "none");
 	jQuery(".Downloadscontainer a").click(function (e) {
    e.preventDefault();
    jQuery(this).closest('li').children('ul').toggle();
 });
 });
</script>

 

سلام . خب شما باید آدرس دسته رو در این قسمت وارد کنید

به طور مثال در این قسمت

 

 <li><a href="#">level 2</a></li>

چون لینکی داخل href تگ a  نیست به جایی نمیره.

[BenTo 12]

در در 10/11/2017 at 09:31، Mirrajabi گفته است :

سلام . خب شما باید آدرس دسته رو در این قسمت وارد کنید

به طور مثال در این قسمت

 

 <li><a href="#">level 2</a></li>

چون لینکی داخل href تگ a  نیست به جایی نمیره.

سپاس گذارم واقعا 

مشکلم این نبود اما برگفته از کدها و راهنمایی هاتون تونستم منو رو درست کنم .

باز هم سپاس

 

[محسن عواطفی 121]

سلام

افزونه easy sidebar menu widget میتونه کمکت کنه.

یا اینکه میتونی از افزونه های accordion استفاده کنی.