1
A
答えて
1
あなたはそれを行うにはHTML5のdata-*
synatxを使用することができます。
HTML:
<a class="link" data-link="first" href="#">link 1</a>
<a class="link" data-link="second" href="#">link 2</a>
<a class="link" data-link="third" href="#">link 3</a>
<div class="linkdetails" data-link="first" >content 1</div>
<div class="linkdetails" data-link="second" >content 2</div>
<div class="linkdetails" data-link="third" >content 3</div>
Javascriptを:
$('.link').toggle(function() {
$('.linkdetails[data-link=' + $(this).data('link') + ']').animate({
width: '200px'
}, 300);
}, function() {
$('.linkdetails[data-link=' + $(this).data('link') +']').animate({
width: '0px'
}, 300);
});
+0
これはほとんど私の後だったので、関連するコンテンツを置き換えるだけで新しい容器 –
+0
これを使用して問題を解決しました。[JSfiddle](http://jsfiddle.net/unbornink/LUKGt/) –
+0
@ChrisMead。いい感じ。がんばろう! – gdoron
関連する問題
- 1. コンテンツのコンテナdiv
- 2. 同じ行のdivを同じ高さにする - 動的コンテンツ
- 3. あるページのdivコンテンツを別のページのdivコンテンツに置き換えます。
- 4. コンテンツはコンテナを展開します
- 5. div内のリンクを同じdiv内に開く
- 6. JQUERY +同じDIVをリロードする
- 7. DIV - 同じ高さのjQueryやCSS
- 8. Yiiはコンテナdivタグの内側に$ contentをレンダリングしますが、コンテナdivを閉じます。意図しない?
- 9. divを展開して別のコンテンツを表示する
- 10. divコンテンツのonclickメニューをJqueryに置き換えます。
- 11. Jqueryメニュー:デフォルトのアクティブDIVコンテナ
- 12. jQueryナビゲーション - 同じビュー、新しいコンテンツ
- 13. jquery .next()と.prev()は同じdiv内にあります
- 14. シンプル:divをajaxコンテンツ(jquery)に置き換えます
- 15. drupal、OM Maximenuは同じCSSクラスのすべてのコンテンツdivをラップします
- 16. jQueryコンテンツの高さに応じてロード時divクラスを切り替えます
- 17. jQuery DOMWindowに含まれるリンクを同じウィンドウで開きます
- 18. jquery divコンテンツを置き換えるhtml()
- 19. 複数のdivを同じクラスを一度に開く
- 20. コンテナdivはコンテンツに伸びていませんか?
- 21. 異なる解像度のコンテナdivのdivを展開する
- 22. jqueryドラッグ&ドロップリフレッシュdivコンテンツ
- 23. JQueryで1つのdivを別のdivに置き換える
- 24. 別のDIVにDIVコンテンツを表示する方法
- 25. jquery Masonry、div#コンテナの中央に新しいdivを追加します。
- 26. HTML:コンテンツのオーバーフローを別のdivに移動しますか?
- 27. 同じレイアウト、タイルを使った別のコンテンツ
- 28. はjQueryを使ってコンテナDIVとサブDIVにリスナーを追加
- 29. 複数のUIButtonが同じビューで異なるコンテンツを開く
- 30. コンテナのdiv動きが
この例では何をしたいのですか? – uday
リンク1をクリックすると、コンテンツ1がコンテナに読み込まれ、リンク2をクリックしてコンテンツがコンテンツ2に置き換えられます。 –