0

こんにちは人々私はこのスクリプトを持っています

<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 1Text 2

しかし今私がやろうとしているのは、切り替えられたテキストの位置/配置を固定することです。今はテキスト1またはテキスト2の下に切り替えられていますが、これを右側に置く必要があります。 TEXT2をクリックすると、同じ場所にステートメントを表示する必要があります（右側は下ではありません）...これを修正するのを手伝ってください...。

4

3 に答える 3

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/

于 2012-09-08T14:04:57.240 に答える
0

あなたはこれを試すことができます：

div {
    display: inline-block;
}

これが修正された動作中のライブデモです。

于 2012-09-08T14:16:00.550 に答える
0

jQueryの.text()機能を使用してこれを試してみませんか：

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

于 2012-09-08T15:12:18.823 に答える