behzadbusiness

مشکل با hover در جی کوئری

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

سلام

من یک باکس دارم که دارای 2 قسمت هست به نام های showblock و hideblock که اینها در یک div دیگه قرار دارند هدف من این هست که بتونم با بردن ماوس روی محدوده showblock قسمت hideblock نمایش داده بشه و با خارج شدن ماوس از محدوده از بین بره من اینکار را انجام دادم اما مشکل این هست که میخوام hideblock هم قابل انتخاب باشد یعنی اگر ماوس بر روی آن حرکت کرد و از محدوده showblock خارج شد ناپدید نشود این هم کدهای من لطفاً راهنمایی کنید :

<script type="text/javascript">
$(document).ready(function(b){
$(".hideblock").slideUp(100);
		$(".showblock").hover(
			function(z){$(this).next(".hideblock").slideDown(200);});
		$(".showblock").mouseleave(
			function(e){$(this).next(".hideblock").slideUp(200);
           });

});
</script>

<div id="block-s-r">
                       	<div class="showblock">
                           	<div id="msresult">
                               	<div class="baget-special"></div>
                   				<span class="mstitle">Sony Xperia Z</span>
                               	<img src="images/mobile_small.jpg" width="73" height="90" border="0" />
                                   <div class="bmsicons">
                       				<span class="tooltip" onmouseover="tooltip.pop(this, '#demo2_tip')"><img src="images/info.png" title="<div>سلام</div><br /> سلام" width="16" height="16" border="0" /></span>
                           		</div>
                                   <div class="bmsprice">
                       				500000 تومان
		                        </div>
                               </div>
                           </div>
                           <div class="hideblock">
                           	<span class="bmsdesc">گوشی سونی اکسپریا زد در زمانی پا به عرصه رقابت نهاده است که سایر شرکت ها با نهایت قدرت در حال پیشرفت به سمت گوشی هایی با 8 هسته پردازنده می باشند...</span>
                               <div class="bmsdetail">
                       			توضیحات بیشتر
                       		</div>
                           </div>
                       </div>

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

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

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

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

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


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

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

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


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