اشکال در انتخاب المنت ها با جی کوئری

[حمید س 46]

دوستان سلام.من ی تولتیپ دارم و میخوام وقتی که موس روی کلاس .news-box (که همون مطالبم داخل صفحه اصلی هست) رفت،این تولیتپ ظاهر بشه(با کلاس tooltips).

این حلقه رو استفاده کردم:

<script type="text/javascript">
		 $(function() {
			 $( ".news-box" ).hover(function() {
$( ".tooltips" ).show("slow");
});

		 });
	 </script>

منتها همه المنت ها در هم بر هم چیده ده و اون تولتیپ هم روی هر عکس ظاهر نمیشه.دموی آنلاین رو مشاهده کنین:

http://fetros.ir/tasnim

اون باکس های خبری باید کنار هم باشند و مرتب و وقتی موس روش بره عنوان در قالب توتلیپ نشون داده بشه.

ویرایش شده فروردین 93 توسط حمید س

[حمید س 46]

جای این اومدم کار دیگه ای کردم.یعنی موس بیاد روش عنوان هم ظاهر بشه.منتها مشکلم اینه که میخوام فقط مال اون مطلب ظاهر بشه نه همه مطالب.باید چه کار کنم؟مرسی

این جی کوئریش:

<script type="text/javascript">
		    $(function() {
			   $( ".news-box" ).hover(function() {
  $( ".news-title" ).show("slow").fadeToggle(500);
});

		    });
	    </script>

این هم حلقه:

....
<?php if($custom_query->have_posts()) :
while($custom_query->have_posts()) : $custom_query->the_post();?>

  <div class="news-box" >
<div class="news-image" ><?php if ( has_post_thumbnail() ) { the_post_thumbnail();} ?></div>
<div class="news-title">
	  <h4><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
    </div>
  </div>
  <?php endwhile;endif;?><?php wp_reset_query(); ?>

[yoonesgholamy 211]

از این this لستفاده کنید به این صورت:

<script type="text/javascript">
					    $(function() {
						   $( ".news-box" ).hover(function() {
  $( this ).show("slow").fadeToggle(500);
});
					    });
			    </script>

[حمید س 46]

ممنون

پس news-title رو انتخاب نکنم؟