SadraHkm

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

8 پست در این موضوع قرار دارد

سلام دوستان

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

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

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

ممنون

0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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


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

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

http://jsfiddle.net/Cerebrl/uhykY

2

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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


$(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 بزنید تا بتونید بهتر ببینید.

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

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

ویرایش شده در توسط hcp90
0

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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

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


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

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

0

به اشتراک گذاری این پست


لینک به پست

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

2

به اشتراک گذاری این پست


لینک به پست


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

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


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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری