رفتن به مطلب

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


پست های پیشنهاد شده

سلام دوستان

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

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

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

ممنون

لینک به ارسال

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


$(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

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


$(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
لینک به ارسال

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

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


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

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

لینک به ارسال


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

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


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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...