کد > زدن گزینه ای و باز شدن چیزی

[SadraHkm 20]

سلام دوستان

کد هایی مثل hover و focus هستن که هنگام اشاره شدن به چیزی، یه استایل دیگه میگیرین مثلا.

حالا یک کد میخوام که مثلا وقتی روی منو های کلیک شد، زیر منو باز بشه . نه اینکه بهش اشاره بشه. وقتی کلیک کرد روی منو، زیر منو باز بشه.

یادم رفته کدش رو اگه میشه یخورده راهنمایی کنید

ممنون

[AMIRIOD 2]

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

[hosein71 75]

برای انتخاب کلیک و بعد از اون نمایش زیر منو، میتونید از چند خط کد جی کوئری استفاده کنید.

$(li.menu-item).click(function(){
	 $(.submenu).css('display':'block')
});

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

http://jsfiddle.net/Cerebrl/uhykY

[SadraHkm 20]

برای انتخاب کلیک و بعد از اون نمایش زیر منو، میتونید از چند خط کد جی کوئری استفاده کنید.

$(li.menu-item).click(function(){
	 $(.submenu).css('display':'block')
});

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

http://jsfiddle.net/Cerebrl/uhykY

برای انتخاب کلیک و بعد از اون نمایش زیر منو، میتونید از چند خط کد جی کوئری استفاده کنید.

$(li.menu-item).click(function(){
	 $(.submenu).css('display':'block')
});

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

http://jsfiddle.net/Cerebrl/uhykY

من از :active استفاده کردم ولی وقتی روی منو کلیک میکنم که زیر منو باز بشه زود میاد و میپره . یعنی وقتی کلیک میکنم 1 ثانیه باز میشه و بعد خودش بسته میشه .

اینم کد ها

<div class="right-siderbar"><div class="head"><h5>فهرست ها</h5></div>
<ul>
<li><a href="#">سیاسی</a></li>
<li><a href="#">اقتصادی</a></li>
<li><a href="#">فرهنگی و مذهبی</a>
<ul><li><a href="#">نظامی</a></li><li><a href="#">نظامی</a></li><li><a href="#">نظامی</a></li></ul>
</li>
<li><a href="#">داخلی</a></li>
<li><a href="#">اندیشه امام و رهبری</a>
</li>
</ul>
</div>

.right-siderbar ul li ul { background:#efefef ; margin: 5px 0 0 0; display:none ; transition:all 0.9s ; z-index:1}
.right-siderbar ul li:active ul { display:block ; z-index:3 }
.right-siderbar ul li ul li { margin:0 40px 0 0 ; transition:all 0.9s ;}
.right-siderbar ul li ul li a { border-right: 0px;}

همین کد ها رو توی http://jsfiddle.net بزنید تا بتونید بهتر ببینید.

به روی گزینه فرهنگی و مذهبی کلیک کنید تا زیر منو بیاد

ممنون میشم یخورده راهنمایی کنید.

ویرایش شده مرداد 94 توسط hcp90

[hosein71 75]

فقط active کافی نیست. focus رو هم اضافه کنید که همون عملکرد رو داشته باشه. اگر حل نشد اطلاع بدید.

[SadraHkm 20]

فقط active کافی نیست. focus رو هم اضافه کنید که همون عملکرد رو داشته باشه. اگر حل نشد اطلاع بدید.

چطور دو تاشو با هم اضافه کنم ؟

.right-menu ul li:active, :focus { display:block }

نمیشه که اینطوری

[rezakianoosh 1795]

.right-menu ul li:active, .right-menu ul li:focus { display:block }

[SadraHkm 20]

.right-menu ul li:active, .right-menu ul li:focus { display:block }

با این کد هم امتحان کردم نشد بازم

.right-menu ul li:active ul, .right-menu ul li:focus ul{