php - Jquery切换..修复对齐

Question

大家好，我有这个脚本

<a class="clickMe" toggle="first">Text 1</a>
</br>
<div id="first" class="text"> - This text will be toggled</div>

<a class="clickMe" toggle="second">Text 2</a>
</br>
<div id="second" class="text"> - This text will be toggled 2</div>

和jQuery

 $('a.clickMe').click(function () {
   id = $(this).attr('toggle');
   $('.text').not('#' + id).hide();
   $('#' + id).show();
 });

上面的代码通过切换This text will be toggled或This text will be toggled 2当我们点击Text 1或被Text 2点击时可以正常工作，请查看演示

但现在我要做的是为切换的文本设置固定的位置/对齐方式，现在它在文本 1 或文本 2 下方切换，但我需要把它放在右侧，这样当任何一个 TEXT1 或TEXT2 被点击切换声明应该显示在同一个地方（右侧不在下方）...请帮我解决这个问题....

Answer 1

您可以使用非块元素，如spanandtoggle方法。

<a class="clickMe">Text 1</a>
<span class="text"> - This text will be toggled</span>
<br/>
<a class="clickMe">Text 2</a>
<span class="text"> - This text will be toggled 2</span>

$('a.clickMe').click(function () {
   $(this).next().toggle()
});

http://jsfiddle.net/LTYa2/66/

Answer 2

你可以试试这个：

div {
    display: inline-block;
}

这是更正的工作现场演示。

Answer 3

为什么不使用 jQuery 的.text()特性来试试这个：

http://jsfiddle.net/FlameTrap/pe8xV/2/