How to animate block expansion using jquery?

Question

JavaScript

Hello.

There is a code:

$(".button-read_more").click( function(event){
  event.preventDefault();
    if ( $(this).hasClass("isDown") ) {	
    $("div.b-room-full-info").stop().animate({"height":0},"slow");	
    
    } else {
     $("div.b-room-full-info").stop().animate({"height":"auto"},"slow");	
     }
    $(this).toggleClass("isDown");
  return false;
});

but it doesn't work, how to specify height auto correctly?

Answer 1

$(".button-read_more").click(function(e){
  e.preventDefault();
  $("div.b-room-full-info").slideToggle("slow");	
});