bootstrap 3 drop down menus not being animated with jquery

Tuesday, July 8, 2014

i am using bootstrap 3 drop down menu to display a list of hotels on search as dropdown. i want to animate the ul on clicking the first li element "morereults" which is being displyed with absolute positioning a the bottom of the ul to expand and get longer list above it... but ul is not being animated, but i am able to increase the heigh of ul using addclass here is some css and js i used css :



.search-dropdown
{
overflow-x:hidden;
overflow-y: hidden;
height: 130px !important;
}
.height300
{
height: 300px !important;
}


haml :



%ul#droplist.dropdown-menu.width300.search-dropdown{role: "menu"}
#scroller.scroller
.hand
%li#more.more
more results
- hotels.each do |hotel|
%li
= link_to(hotel_path(hotel)) do
= hotel.name
%i.fa.fa-angle-right.pull-right


coffee :



$("#more").click (e) ->
$("#droplist").addClass('height300')
$(this).animate({"margin-top":"270px"},200)
return






http://ift.tt/1xKOZCG