Issue with Twitter Bootstraps #MyModal reacting with jQuery smooth anchor scrolling -

alright, right using jquery , twitter bootstrap throw site, , wanted when jumped anchor page scroll smoothly, achieved using this:

var $root = $('html, body'); $('a').click(function() { $root.animate({     scrolltop: $( $.attr(this, 'href') ).offset().top }, 500); return false; }); 

which works flawlessly, issue when try open modal using:

<a href="#mymodal" role="button" class="btn" data-toggle="modal">learn more</a>     

it wont work! appreciated , put more info if needed, thanks!