ユーザーが特定のアイコンをクリックするたびに、特定の div を縮小します (完全なデータが表示されるはずです)。ここにクラス、legend-iconがあります。だから私は別のIDが欲しい、例えば#Chartはユーザーがクリックしたときに縮小する
HTML
<div id="id1">
<ul class="nav pull-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="legend-icon"></i> <b class="caret"></b>
</a>
<div id="legend_container" class="dropdown-menu">
<div id="smoother" title="Smoothing"></div><div id="legend"></div>
</div>
</li>
</ul>
</div>
<div id="in">
<div id="chart">
//my data
</div>
</div>
のようにしてみました
$("i.legend-icon").click(function(){
$("#chart").animate({width: '-=50px',},"slow");
});
しかし、それs not working. It
はdivを-50pxに完全に表示していません..しかし、divを縮小したいだけです。ここで何をすればよいですか?