Question

我的Html模板中有隐藏的部分（Am使用Django模板），隐藏部分是登录表单，我想当用户点击某些登录文本（链接）时，隐藏表单的html文本应该向下滑动显示形式。

我觉得这可以在Javascript中完成！

使用django，请详细说明如何在我的项目中包含javascript。

帮助

加特

Answer 1

继续Travis的回应;

<script type="text/javascript">
  $(document).ready(function() {
    $("#toggleForm").click(function () {
      $("#loginForm").slideToggle("slow");
    });
  });
  </script>
<div id='toggleForm'>Show Login</div>
<div id='loginForm'>
 Your form goes here!
<div>

即。 slideToggle（）是你的朋友。

Answer 2

我不使用Django，但我可以告诉你，JQuery将完全按照你的意愿行事。您需要包含JQuery库，然后使用slideDown（）和slideUp（）函数来显示您的表单。

这是你所追求的一个粗略的例子。查看JQuery documentation了解更多信息

<script>
    $("#toggleForm").click(function () {
      if ($("#loginForm").is(":hidden")) {
        $("#loginForm").slideDown("slow");
      } else {
        $("#loginForm").slideUp("slow");
      }
    });
</script>

<div id='toggleForm'>Show Login</div>
<div id='loginForm'>
 Your form goes here!
<div>

Answer 3

如果你正在使用jQuery，那么这样的事情应该可以解决问题

$('.login-link').bind('click', function(e) { // bind event handler to click of login link

    $('#login-panel').slideDown(); // slide down the panel
    e.preventDefault(); // stop the link taking you to the js disabled login page

});

当然，这只是一个起点，因为您理想的是希望能够在每次连续点击时上下滑动。

使用javascript滑动html部分的最佳方法是什么？

3 个答案: