Question

我有一个链接，点击后，必须显示2个其他链接。但是当我点击我的链接时，没有任何事情发生。真的没什么。

在我编写脚本之前，我已经加载了jquery。

这是我的jquery脚本：

   $("#imd").toggle(function(){
    $("#anw").animate({opacity:1},200);
    $("#3d").animate({marginTop:75}, 200);
},function(){
    $("#anw").animate({opacity:0},200);
    $("#3d").animate({marginTop:0}, 200);
});

这是我的CSS：

#anw {
    width: 50%;
    background-color: #0f0;
    opacity: 0;
}

这是我的HTML标记

<div class="mid">
    <h1><a href="#anw" id="imd">Interactive Media Design</a></h1>

    <div id="anw"><br><a class="left" href="website.html">Apps</a><a class="right" href="website.html">Websites</a></div>

    <hr> 

    <h1 id="3d"><a href="#">3D Modelling</h1>

</div>

<div class="bottom">
    <h1><a href="3dsmax.html">Contact and about me</a></h1>
</div>

如果这是一个非常愚蠢的问题我很抱歉，但我不知道。我能找到的文件也不能满足我的需求。

Answer 1

您需要使用click处理程序：

$("#imd").click(function(){
    $("#anw").toggle(function(){
        $(this).animate({opacity:1},200);
    }, function() {
         $(this).animate({opacity:0},200);   
    });
    $("#3d").toggle(function() {
        $(this).animate({marginTop:75}, 200);
    },function() {
        $(this).animate({marginTop:0}, 200);
    })
});

见小提琴：https://jsfiddle.net/8Lpvty1w/

Answer 2

为你想做的事做小事：https://jsfiddle.net/rr9Lvjgh/ 基本上：

 $("#imd").on('click', function(){ 
  // code to change stuff here
 });

Jquery为其他元素

2 个答案: