jquery实现下拉收缩效果。

可以通过jQuery的.slideToggle()方法来实现下拉收缩效果。

HTML代码：

<div class="dropdown">
  <button class="btn">点击下拉</button>
  <div class="content">
    <p>这里是下拉内容</p>
  </div>
</div>

CSS代码：

.content {
  display: none;
}

jQuery代码：

$('.btn').click(function() {
  $('.content').slideToggle();
});

解释一下，当点击按钮时，使用.slideToggle()方法来切换下拉内容的显示和隐藏状态。当下拉内容原本是隐藏的时，它会被展开；反之，当下拉内容原本是展开的时，它会被隐藏。