jquery向下滑动功能不起作用答案

【问题标题】：jquery slide down function not workingjquery向下滑动功能不起作用
【发布时间】：2013-03-16 17:23:55
【问题描述】：

你好，我有一个包含这个的 php 文件

 <div id="center" class="column">
    <p>Staff please, <a id="open" href="#" >login</a> before accessing this page, no access to students.</p>
</div>

当点击登录按钮时，它应该会打开一个面板，它会在页面的上方（在 header.php 文件上）工作，但不是在这里。在我的标题中

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

和

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

我的 slide.js 看起来像这样：

$(document).ready(function() {

// Expand Panel
$("#open").click(function(){
    $("div#panel").slideDown("slow");

}); 

// Collapse Panel
$("#close").click(function(){
    $("div#panel").slideUp("slow"); 
});     

// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
    $("#toggle a").toggle();
});     

});

您可以在此处看到它不起作用：http://webtest.jt-games.net/staff.php 在面板选项卡中，它起作用，按钮，但页面主要部分的文本不起作用。

【问题讨论】：

理想情况下，您不应该有两个具有相同 id 的元素。尝试使用一个通用类来控制上下滑动动画。

标签： jquery function onclick slidedown

【解决方案1】：

主页上的按钮和滑动面板上的按钮，都是打开面板的任务，ID相同，#open。

ID 必须是唯一的，并且 jQuery 只对具有该名称的第一个 ID 有效，这就是为什么它不适用于页面上的链接。

你可以给主页上的链接另外一个ID，然后触发点击事件，像这样：

$("#link_on_main_page_id").on('click', function(){
    $('#open').click();
});

【讨论】：