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 آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

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

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

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

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


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

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

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


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