点击链接显示隐藏文字

Question

<style>
body{font-size:12px;}
div.div_title{font-weight:bold;text-align:center;}
div.div_body{color:red;}
</style>
<script>
function SenFe_Code(sname,sid){
if(sid.style.display=="none"){
sid.style.display="block";
sname.innerText="我是雇主";
}else{
sid.style.display="none";
sname.innerText="我是雇主";
}
}
</script>
<div class="div_title" OnClick="SenFe_Code(this,SenFe_1);">我是雇主</div>
<div class="div_body" id="SenFe_1" style="display:none;">(当前身份)</div>问题：
    点击显示隐藏的文字的JS，我想把隐藏的文字直接在“我是雇主”的后面显示，要怎么修改？

Answer 1

div_body 设置成 display: inline;

Answer 2

原因：div是块级元素 现在显示的是 每个 div都占有一行，所以无法调整。你可以设置 div.div_title{font-weight:bold;text-align:center;border:3px solid #f00;}看看现在的样子。
要是实现你的要求
可以这样：定义宽度和设置浮动属性。当然实现方式多种 ，我只是举个例子。
div.div_title{font-weight:bold;text-align:center;width:60px;border:3px solid #f00;float:left;}
div.div_body{color:red;width:60px;}