Question

我提前为这个问题的质量很差道歉，但是这里有：

我只想在鼠标点击时滑动一个元素！就是这样！

具体来说，我想要一个单独的菜单项，当点击它时，它将打开以显示一个表单。

我所追求的几乎就像jQuery中的手风琴菜单一样，它们都依赖于两个或多个元素来点击并打开，而我只有一个按钮，其默认将处于“关闭”状态。

我是一个完整的Javascript新手（甚至比新手少），所以编辑现有的JS代码可能会让我觉得非常棘手且容易出错，但似乎我所追求的是“相当”简单而我在网上发现的一切是菜单中的多个元素，所以我想我会看看是否有人可以提供帮助。

我会在Javascript聊天室中理想地问这个问题但是在mo。

是空的

我希望有人可以提供帮助

Answer 1

使用jQuery只需slideDown() HTML元素。

$("#id_of_elm").slideDown(duration_in _number);

演示：http://jsfiddle.net/naveen/UN25J/

Answer 2

如果你有隐藏的元素（slideUp() ed或其他东西），它将无法点击，因此你需要一个元素始终显示，以便可以点击某些内容以允许元素向下滑动。我使用here制定了一个简单示例slideToggle。如果您想在点击时向下滑动元素，请将其保留在那里，将slideToggle()替换为slideDown()。

如果您不明白，请发表评论。

Answer 3

您想要使用slideDown() jquery函数。将此代码添加到HTML文件的头部（或者，如果这不仅仅是一个小的javascript项目，则将代码放在单独的.js文件中）：

<script>
    $("document").ready(function(){
        $("#formId").hide();
    }
    $("#buttonId").click(function(){
        $("#formId").slideDown();
    })
</script>

当buttonId是您的按钮的id属性时，formId是您的表单的id属性。

您还需要使用以下行导入jquery脚本：

<script type="text/javascript" src="jquery.js"></script>

其中jquery.js是您拥有的jquery文件的路径。

您可以在此处查看实时演示（包含所需代码）： http://jsfiddle.net/nayish/MkEMd/2/

Answer 4

DEMO

$('.box').hide(); // HIDE ALL .BOX

$('.click').click(function(){
   $(this).next().slideToggle();
});

Google只需 jQuery “您需要的任何内容”例如： jQuery slideToggle 等等。

点击打开元素

4 个答案:

DEMO