jquery - 表の行にホバーしたときに対応するコンテンツ パネルを表示する

Question

テーブル行がホバーされたときに、2 セットのコンテンツを表示する必要があります。ホバー前の状態では、 1つの説明と [2] アクションの 2 つのターゲット領域に一般的な情報が表示されます。ユーザーが表の行にカーソルを合わせると、Explantation と Actions のコンテンツが、カーソルを合わせた行に関連する関連コンテンツに置き換えられます。例として、これは私が達成しようとしているものです：

ご指摘ありがとうございます。

Answer 1

これは、ツールチップ用の qTip (2) Jquery プラグインを使用して実現できます: http://craigsworks.com/projects/qtip2/

複数のツールチップをアクティブにすることができます。1 つは行用、もう 1 つはセル用です。

// Create our first tooltip
$('.selector').qtip({
    content: 'I\'m just one of many tooltips that will render on this element...',
    position: {
        my: 'top left', at: 'bottom right'
    }
})

// Remove the previous tooltips data
.removeData('qtip')

// Create our second tooltip
.qtip({
    content: 'I\'m just one of many tooltips that will render on this element...',
    style: {
        classes: 'ui-tooltip-blue'
    }
});

ソース: http://craigsworks.com/projects/qtip2/tutorials/advanced/#multi

上で紹介したのはほんの一例です。必要な効果を得るには、qTip2 をいじる必要があります。