jQuery的显示特定的div

Question

我有以下方式

Total Sales: 12345   Show Details     

当有人点击“显示详细信息”（这是<一个>标签），另一个DIV应显示显示的内容其中将包含其他数据（并显示细节应切换到隐藏细节，颠倒功能来隐藏div）

需要使用jQuery，使用一些动画（如果可能）。

我怎样才能做到这一点

帮助表示赞赏

感谢

Answer 1

对于本示例链接'showDetails'和div'divDetails'的id。

$('#showDetails').click(function(){ 
    if ($('#divDetails').is(":visible"){ 
     $('#divDetails').hide(250); 
    } else { 
     $('#divDetails').show(250); 
    } 
}); 

jQuery有一定的影响，包括节目（），隐藏（），淡入（），淡出（），效果基本show（），了slideDown（）等。有关更多示例，请参见here。函数中的数量是以毫秒为单位完成所需的时间长度。您也可以指定一个单词，而不是毫秒“慢”和“快”。

其他需要注意的效果是切换它的切换按钮，因此您不必知道它当前是什么。

$('#showDetails').click(function(){ 
    $('#divDetails').fadeToggle(250); 
}); 

Answer 2

让我们假设你的节目细节标签ID为“ABC”和细节div有ID为“divDetail”即显示：无 这样的代码将如下

$（ “＃ABC”）点击（函数（这个）{ this.text = “隐藏详细信息”。 $（ “＃divDetail”）切换（）; }）;

Answer 3

$('a.showdetails').toogle(function(){ 
    $('.your-div').show(); 
}, 
function(){ 
    $('.yourdiv').hide(); 
}); 

Answer 4

那么首先你需要一个div持有的细节初始设置文件准备好：

$(document).ready(function() { 
     $('#myDetails').hide(); 
    }); 

然后到锚

<a href="#" onclick="$('#myDetails').toggle();">Show Details</a> 

你可以改用动画（）：

fadeIn('slow'); or fadeOut('slow'); 
slideUp('normal'); slideDown('fast'); 

编辑：动画使用代码Timothy建议，使用.is（'：visible'）