Question

我在将各种幻灯片插件应用到页面中的div时遇到了问题。因此，不是从浏览器窗口的顶部，侧面或底部，而是从页面内的某个位置开始。

这样可行......

$("div").click(function () {
      $(this).hide("slide", { direction: "down" }, 1000);
});

但div滑出视野，因此没有任何标签可以点击以将其重新滑动。

我可以使用单独的元素来启动click功能，但是我需要clickable元素作为连接到滑动div的标签。

因此，当页面加载时，您会在屏幕中间看到一个面板，该面板会从该面板的底部伸出一个小标签。单击选项卡后，它会随着包含其他信息的面板一起向上滑动。再次单击选项卡时，它会向下滑动。

感谢任何帮助。

Answer 1

您需要在其旁边添加另一个div，以用作切换标签，一个不会被隐藏的标签。让该选项卡隐藏/显示您想隐藏的div。

$("#tab").click(function () {
    $("#slider").slideToggle("slow");
});