javascript - 使用 div 滑动文本

Question

所以我有一个下拉菜单。您单击“单击我”文本，它就会显示出来。这是一个演示 http://jsfiddle.net/QzLst/

问题来了。右边的蓝色文本，显示，即使我将它放在上下滑动的 div 中也是如此。我不太确定从这里去哪里。这是我的标记

<div class="search">
  <div class="text">
   Some text
 </div>
 </div>
 <div class="click">Click me</div>

和 CSS

.search{
    width: 100%;
    background: #000;
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    z-index: 200;
    height:0;
  transition: 0.5s;
}
.toggle{
    height:100px;
}
.text{
    color: #009dff;
  float: right;
}

该演示将帮助您理解我的意思。我想要的只是与名为 search 的 div 一起滑动的文本。所以当 search 关闭时，基本上我猜 text 也会关闭

Answer 1

将 overflow: hidden 添加到 .search。