切换div可见性问题

Question

如何点击某个按钮，id = i_1，切换id = d_1的某个div的可见性（在显示时向右显示幻灯片）？我需要使用JQuery。

Answer 1

很难准确理解你所提出的问题，但也许这样的事情会让你开始：

$("#i_1").click(function() {
    $("#d_1").animate({ width:'toggle' }, 500);
});

这是example显示实际效果。

如果您在问题中添加更多信息和示例代码，则可以更轻松地提供更准确的答案！

Answer 2

我的狡猾的一面想要动态编码

http://fiddle.jshell.net/Vcyj8/1

HTML

<input type="button" value="button 1" id="i_1"/><br>
<div id="d_1">div 1 text description</div>
<input type="button" value="button 2" id="i_2"/><br>
<div id="d_2">div 2 text description</div>
<input type="button" value="button 3" id="i_3"/><br>
<div id="d_3">div 3 text description</div>
<input type="button" value="button 4" id="i_4"/><br>
<div id="d_4">div 4 text description</div>

CSS

div {
  display:none;   
}

input {
  padding:5px;   
}

的jQuery

$("[id^='i_']").click(function(){

  $("#d_"+this.id.substr(2)).slideToggle("fast");

})