Question

所以我有一个下拉式的东西。你点击了“点击我”＆＃39;文字和它将显示。这是一个演示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;
}

该演示将帮助您理解我的意思。我想要的只是使用名为div的{{1}}滑动的文字。因此，当search关闭时，基本上我猜search也会关闭

Answer 1

将overflow: hidden添加到.search。

Answer 2

这解决了这个问题：

[更新你的小提琴] [http://jsfiddle.net/QzLst/1/] 1

我们可以使用此CSS隐藏.text类：

.text {
    display: none;
}

然后我们切换.text类：

$(".click").click(function(){
     $(".search").toggleClass("toggle");
     $(".text").toggle()
});

使用div滑动文本

2 个答案: