jquery 点击 隐藏元素置顶显示

小轩1986 发布于 2017/03/05 11:42
阅读 294
收藏 0

各位大神,我想让我隐藏的内容,点击显示并置顶显示应该怎么弄?

<div class="col-sm-10 col-sm-push-1 hide-form" style="display:none;">
  <table class="table">
    <tr>
      <td class="col-sm-1" rowspan="3"></td>
      <td class="col-sm-1"></td>
      <td class="col-sm-8"><input type="text" class="col-sm-3">
      </td>
    </tr>
    <tr>
      <td></td>
      <td class="col-sm-8"><input type="text" class="col-sm-3"></td>
    </tr>
    <tr>
      <td></td>
      <td class="col-sm-8"><input type="text" class="col-sm-3"></td>
    </tr>
  </table>
</div>
function ShowForm() {
  $(".hide-form").toggle();
}

现在显示是在最底下,要向下滑动才能看见,怎么能置顶显示?

加载中
1
Nehway
Nehway

这样你可以在隐藏和显示的时候添加自己的动态效果

0
l
loveb

显示时同时改变他的状态为fixed,定位在顶部

小轩1986
小轩1986
不改变其他div的布局,只是让他显示的时候在页面的顶部
0
Nehway
Nehway

您是说table在div里的位置?

Nehway
Nehway
回复 @小轩1986 : toggle函数打开写,可以再次设定一下它的位置
Nehway
Nehway
回复 @小轩1986 : 我想问一下,div起初是隐藏的,你怎么点击它才能显示?布局正确的话,点击事件触发就会显示在它本来的位置,这才是正常的。你的class属性还有其他的样式控制吧。
小轩1986
小轩1986
隐藏的div在最后,点开的时候,要向下滑动才能看到隐藏的table,我想现实的时候在不影响整体布局的情况下,让他在顶部显示
小轩1986
小轩1986
返回顶部
顶部