javascript - 显示后，隐藏的 anchor 链接落入下一行

你能告诉我为什么类“edit”的锚链接会在下一行显示吗？
要复制下面jsfiddle链接上的click、edit和save按钮。
JS Fiddle
HTML格式

<div id="con">

<a href="#" id="283" class="trash">Delete</a>
<a href="#" id="edit_283" class="edit">Edit</a>
<a href="#" id="save_283" class="save">Save</a></div>

JQUERY公司

$(".edit").click(function(){

var ID=$(this).attr('id');

var RemoveIDedit = ID.replace('edit_','');

$(this).hide();

$("#save_"+RemoveIDedit).show();

   });





$(".save").click(function(){

var ID=$(this).attr("id");

var RemoveIDsave = ID.replace('save_','');

$(this).hide()

$("#edit_"+RemoveIDsave).show();

最佳答案

Demo
而不是这个

$("#edit_"+RemoveIDsave).show();

试试这个

$("#edit_"+RemoveIDsave).css("display","inline");