Javascript JQuery.SlideToggle（）不是'；t功能总体设计变量滑动=功能（div）{ if（$（div.css（'display'）='none'）{ 美元。延迟（300）。滑动切换（500）；返回false； }否则{ 美元。延迟（300）。滑动切换（500）；返回false； } } 这将显示_Javascript_Jquery_Asp.net

Javascript JQuery.SlideToggle（）不是'；t功能总体设计变量滑动=功能（div）{ if（$（div.css（'display'）='none'）{ 美元。延迟（300）。滑动切换（500）；返回false； }否则{ 美元。延迟（300）。滑动切换（500）；返回false； } } 这将显示

javascript jquery asp.net

Javascript JQuery.SlideToggle（）不是'；t功能总体设计变量滑动=功能（div）{ if（$（div.css（'display'）='none'）{ 美元。延迟（300）。滑动切换（500）；返回false； }否则{ 美元。延迟（300）。滑动切换（500）；返回false； } } 这将显示,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我想知道为什么每次我点击“登录”时，它都不会将幻灯片向下切换？几天来一直在寻找并试图解决这个问题我想在滑动的div中添加id:和password:并在再次单击“Login”时隐藏它。确保首先包含jQuery库！并更改jquery代码，如下所示 <%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MainDesign.master.cs" Inherits="Web_Assignment.MainDesign" %>

我想知道为什么每次我点击“登录”时，它都不会将幻灯片向下切换？几天来一直在寻找并试图解决这个问题

我想在滑动的div中添加id:和password:并在再次单击“Login”时隐藏它。

确保首先包含jQuery库！并更改jquery代码，如下所示

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MainDesign.master.cs" Inherits="Web_Assignment.MainDesign" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Master Design</title>
    <link href="stylesheets/mainstyle.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" type="image/x-icon" href="images/de_tour_ico.ico" />
    <script>
        var slide = function (div) {
            if ($(div).css('display') === 'none') {
                $(div).delay(300).slideToggle(500);
                return false;
            } else {
                $(div).delay(300).slideToggle(500);
                return false;
            }
        }
    </script>
</head>
<body>
    <div class="wrapper">
        <div class="header">
            <div class="logobox">
                <img class="bottom" src="images/de_tour_hover.png" />
                <img class="top" src="images/de_tour.png" />
            </div>
            <div class="searchdiv">
            </div>
        </div>
        <div class="sidebar">
            <a href="#" onclick="slide('#div1');">Login</a>
            <div id="div1" style="display: none">
                this will show
            </div><hr />
            <ul>
                <li onclick="location.href='#'"><a href="#">Home</a></li>
                <li onclick="location.href='#'"><a href="#">About</a></li>
                <li onclick="location.href='#'"><a href="#">Gallery</a></li>
                <li onclick="location.href='#'"><a href="#">Contact</a></li>
            </ul>
        </div>
        <div class="container"><asp:ContentPlaceHolder ID="ContentPlaceHolder" runat="server"></asp:ContentPlaceHolder></div>
    </div>
</body>
</html>


功能幻灯片（div）{
如果（$（div）.is（':hidden'））{
美元。延迟（300）。滑动切换（500）；
返回false；
}否则{
美元。延迟（300）。滑动切换（500）；
返回false；
}
}

您可以在这里看到演示--->

她为您服务：

正如您所看到的，切换工作正常别忘了添加jquery库；）

请：）考虑从js代码而不是html标记调用函数

（）

您必须首先包括jQuery库！我没看见！它可能在母版页中，但你应该提到这一点！它是：）除了这个重要的东西之外，

$（document.ready（function（）{…}）可能有帮助，为什么这很重要？“$（document）.ready（function（）{…}）；”这东西我终于找到了！那是因为我没有包括图书馆
<script type='text/javascript'>

      function slide(div) {

            if ($(div).is(':hidden')) {
                $(div).delay(300).slideToggle(500);
                return false;
            } else {
                $(div).delay(300).slideToggle(500);
                return false;
            }
        } 

</script>

$('a#foryu').click( function() { slide('#div1'); return false; } );

function slide(div) {
            console.log("test");
            if ($(div).css('display') === 'none') {
                $(div).slideToggle(500);
                return false;
            } else {
                $(div).slideToggle(500);
                return false;
            }
        }