Question

js点击下拉列表显示内容，匀速弹出下拉框

<script type="text/javascript">
function getlink(id)
{
document.getElementById(id).innerHTML="点击下列后显示的内容";
}
function t(id){
if(document.getElementById(id+"_act").innerHTML=="关闭"){
document.getElementById(id+"_act").innerHTML = '打开';
document.getElementById(id).style.display = 'none';
}else{
document.getElementById(id+"_act").innerHTML = '关闭';
document.getElementById(id).style.display = 'block';
getlink(id);
}
}
</script>

<div class="a">
<a href="javascript:t('1')" id="1_act">打开</a>
<div class="b" id="1"></div>
</div>

<div class="a">
<a href="javascript:t('2')" id="2_act">打开</a>
<div class="b" id="2"></div>
</div>

效果就像百度知道 点击追问 弹出下拉框那样。。。

Answer 1

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
function getlink(id)
{
document.getElementById(id).innerHTML="点击下列后显示的内容";
}
function t(id){
if(document.getElementById(id+"_act").innerHTML=="关闭"){
document.getElementById(id+"_act").innerHTML = '打开';
$('#'+id).slideUp();
}else{
document.getElementById(id+"_act").innerHTML = '关闭';
$('#'+id).hide();
getlink(id);
$('#'+id).slideDown();
}
}
</script>

<div class="a">
<a href="javascript:t('1')" id="1_act">打开</a>
<div class="b" id="1"></div>
</div>

<div class="a">
<a href="javascript:t('2')" id="2_act">打开</a>
<div class="b" id="2"></div>
</div>