Разверните Div с помощью jQuery

Question

Мне нравится делать что-то ужасно простое

Если бы div, который показывает лишь небольшую часть изображения, щелкнул по div, разверните его до высоты изображения, кликните по нему, сожмите до первоначальной высоты

Теперь мой тест не является завершающим!так много проблем! Есть ли более простой метод?

ссылка на какой-то забавный результат!

в основном как это

Answer 1

Лучший способ сделать это - иметь ручку, которая переключает панель:

<div class="block">
  <div class="handle">Click Me</div>
  <div class="panel">
    <img src="bigImage.jpg" />
  </div>
</div>

А затем что-то вроде:

$(".handle").click(function(){
  $(this).next().slideToggle();
});

Это не просто, ноэто предсказуемо и не заставит пользователя запутаться в поведении.