jquery – concealing html tag



hello,

can someone pls provide me some insight here ?

I got the below mentioned jquery code.

Now I have no idea on how to conceal and hide the html constituent itself following mouse-over.

As and when mouse over tag, part can be displayed.

Please tell me to hide following is extended.

And how to put out of sight after mouse over it and display 

 
=======================================
$(".has_children_pic span.saga_pic").mouseover(function(){
  $(this).parent().addClass("highlight")
  .children("a.saga_pic").slideToggle("fast")
 
 });  
 
 $(".has_children_pic a.saga_pic").mouseover(function(){
  $(this).parent().addClass("highlight")
  .children("span.saga_pic").slideToggle("fast").end()
 
 });
 
 
  <div class="has_children_pic">
      <span class="saga_pic"><img src="image/Saga/Zhangqian/title.jpg" /></span>
      <a class="saga_pic"><img src="image/Saga/Zhangqian/pic.jpg" /></a>
    </div>

Kindly comment

Thanks all.

42 weeks 14 hours ago   Tags: