0

my objective is to have effect something like this: http://css-tricks.com/jquery-magicline-navigation/ but instead of using additional floating <li></li> I wanted to use border-bottom property - is it even possible? I've tried to do something like this:

$('ul#top_main_menu li a').hover(
    function () {
      $(this).addClass("active").animate(100);
    },
    function () {
      $(this).removeClass("active").animate(100);
    }
  );

where .active class adds to my <a href=""></a> tag border-bottom: 2px solid #A7E108; - anyone knows how could I animate it to scroll after hovered element smoothly?

lukaszkups
  • 5,790
  • 9
  • 47
  • 85
  • You should pass an object to `animate` method. – Ram Jan 16 '13 at 23:10
  • I doubt this is possible. A border is animated if the element it's bordering is animated. That won't give you the effect you're after. – greener Jan 17 '13 at 02:33

0 Answers0