<input id="btnPost" type="button" value="Post" style="width: 79px" />
<input id="btnAssign" type="button" value="Assign" style="width: 79px" />
<div id="div1">
<textarea rows="10" cols="2" style="width: 401px"></textarea><br />
<input id="btnPost2" type="submit" name="btnPost" value="Post" style="width: 60px" />
</div>
<div id="div2">
<textarea rows="10" cols="2" style="width: 401px"></textarea><br />
<input id="btnAssign2" type="submit" name="btnAssign" value="Assign" style="width: 60px" />
</div>
JavaScript:
$(document).ready(function () {
$('#div1').hide();
$('#btnPost').click(function () {
$('#div1').toggle('fast');
});
});
$(document).ready(function () {
$('#div2').hide();
$('#btnAssign').click(function () {
$('#div2').toggle('fast');
});
});
私の質問は次のとおりです。
「投稿」ボタンをクリックすると「#div1」が表示されます。しかし、「div1」を最小化せずに「割り当て」ボタンをクリックすると、「#div1」と「#div2」の両方が同時に表示されます。
詳細については、www.jsFiddle.comで試してみました:http://jsfiddle.net/RfgkU/69/