Question

我想将此函数定位到第一个div，使用div id =“africa”。的CSS：

#africa{width:16%; height: 20%; background-color:#33CC33;}
#asia{width:16%; height: 20%; background-color: #FF6600;}
#australia{width:16%; height: 20%; background-color: #FF5050;}
#europe{width:16%; height: 20%; background-color: #666699;}
#north-america{width:16%; height: 20%; background-color: #CC0000;}
#south-america{width:16%; height: 20%; background-color: #003300;}
.names{width:16%;}

我想将代码的这一部分定位到第一个具有id“africa”的div。

$(document).ready(function(){
$("button").click(function(){
    $("div").animate({
        height: 'toggle'
    });
});
});

HTML：

<button class="names">Africa</button>
<div id="africa"></div>
<button class="names">Asia</button>
<div id="asia"></div>
<button class="names">Australia</button>
<div id="australia"></div>
<button class="names">Europe</button>
<div id="europe"></div>
<button class="names">North-america</button>
<div id="north-america"></div>
<button class="names">South-america</button>
<div id="south-america"></div>

Answer 1

使用id选择器。

$("#africa").animate({
  height: "toggle"
});

Answer 2

你不需要做任何事情，只需将div选择器更改为id＃Africa选择器

$(document).ready(function(){
 $("button").click(function(){
 $("#africa").animate({
    height: 'toggle'
  });
 });
});

将此函数定位到特定div

2 个答案: