Question

jquery show()后换行

刚开始时隐藏了一个选择题，点击事件触发后，那个选择题出现了，选择题选了一个选项后又会出现一个<textarea>来补充说明用的，但这个<textarea>一出现，就直接和下个选项在同一行上，例如，abc3个选项，我点取a，a后的<textarea>就粗线了，由于我在代码a这行里加了个<br>，这个框框就直接出现B选项的前面了，我尝试了下在<textarea>后加个<br>，在 还没点取abc的时候，又显得很不自然，每个选项中间空了一行，怎么弄才能让<textarea>显示后直接换行啊，我是用的
$("#2754").click(function() {
$("[name='a']").show();
});
让 框框显示出来的，求大神解答一下
<p id="aaa" class=“hide”>选择题的题目<br>
<input type="radio" name="answer" value="a" />a
<textarea style="display:none;" rows="1"></textarea>

<input type="radio" name="answer" value="b" />b
<textarea style="display:none;" rows="1"></textarea>

<input type="radio" name="answer" value="c" />c
<textarea style="display:none;" rows="1"></textarea>
</p>
我试过加了DIV，但这题在初始状态就没有被隐藏起来了。

Answer 1

我大概明白了一下你的意思，不知道理解的对不对。先上图。

html代码：

<input type="radio" name="answer" value="a" />a
<textarea style="display:none;" rows="1"></textarea>
<br/>
<input type="radio" name="answer" value="b" />b
<textarea style="display:none;" rows="1"></textarea>
<br/>
<input type="radio" name="answer" value="c" />c
<textarea style="display:none;" rows="1"></textarea>

百度编辑器把我的<br/>弄没了，上面两个空行都是一个<br/>。

js代码：

$(function(){
    $("input[name=answer]").bind("click",function(){
	$("textarea:visible").hide();
	$(this).next("textarea").show();
    });
});

效果图：

选择后：

不明白的追问。

追问

如果我想这个textarea在a选项下面，而不是右边呢？在你的代码基础上，a后在跟个的话，显示出来abc选项上下就空的太多了

Answer 2

承接zhangligai1988的回答。不要用<br>,直接对input外面套个div,由于div是块状元素，默认直接占一行，textarea自然而然就会被挤到下一行，形成换行

<div><input type="radio" name="answer" value="a" />a

<textarea style="display:none;" rows="1"></textarea>

追问

题目里说过，这几个选项本来也是隐藏的，开始点击其他按钮出现的，所以这几个选项我把它们是放
里的。我把问题在补充一下，这个追问写不下这么多文字

追答

别用p，换成div套起来，p是行内元素，里面不能用块状元素。不行再追问

Answer 3

点击显示之后再加个换行，document.write('<br>');

追问

$("#2754").click(function() {
$("[name='a']").show();
});
document.write('');
是这样么
？

追答

这样的话不久不是你的点击事件触发了么
$("#2754").click(function() {
$("[name='a']").show();
document.write('');
});

追问

貌似不行，一点变化都没有