PDA

View Full Version : مشکل در سی اس اس hover


number13
چهارشنبه 19 اسفند 1394, 18:26 عصر
سلام
دوستان مشکل من این هست که میخوام وقتی عنصری در صفحه هاور شد ، عنصر دیگه ناپدید بشه
من این کد رو میذارم
ولی کار نمیکنه!
میشه راهنمایی کنید!

.col-md-3:hover .col-md-9{display:none;}

کد col - md -9 عنصر اول هست که وقتی میخوام هاور شد عنصر دیگه ای به اسم col-md-9 مخفی بشه!
ممنون بابت راهنماییتون!
mohammad425
پنج شنبه 20 اسفند 1394, 13:00 عصر
با این کدی که نوشتین یعنی باید کلاس col-md-9 داخل کلاس col-md-3 باشه, اما ظاهرا اینجوری نیست.
اگه کلاس col-md-9 درست بعد از کلاس col-md-3 قرار داره اینجوری بنویسین:


.col-md-3:hover~.col-md-9{display:none;}


اگر باز هم در این شرایط قرار نداره باید با کدهای جاوا اسکریپت این کار رو انجام بدید.
number13
پنج شنبه 20 اسفند 1394, 20:53 عصر
مرسی !

میشه شما کد های جاوا اسکریپت رو قرار بدید ! چون من تا به حال کار نکردم باهاش!
ممنون
Pr0grammer
جمعه 21 اسفند 1394, 04:02 صبح
ابتدا پیشنهاد میکنم این صفحه رو مطالعه کنید :
http://www.w3schools.com/jquery/event_hover.asp
پس از مطالعه با ایجاد تغییرات ساده می توانید به هدفتان برسید :
بجای ("p")$ نام کلاسی که میخواهید روی آن hover اتفاق بیفته را باید بنویسید و همچنین بجای (this)$ باید نام کلاسی که قصد دارید پنهان شد را قید کنید.
نهایتاً بجای دستور تغییر رنگ پس زمینه، از متد hide باید استفاده کنید.

موفق باشید/
mohammad425
جمعه 21 اسفند 1394, 07:08 صبح
مرسی !

میشه شما کد های جاوا اسکریپت رو قرار بدید ! چون من تا به حال کار نکردم باهاش!
ممنون

همونطور که دوستمون گفتن کد به این صورت میشه:


<script>
$(document).ready(function(){
$(".col-md-3").hover(function(){
$(".col-md-9").hide();
}, function(){
$(".col-md-9").show();
});
});
</script>