javascript - id の設定と Poshy Tip のツールチップ div への CSS クラスの追加

Question

Poshy Tip で作成されたツールチップ div に id を設定したり、追加の CSS クラスを追加したりするにはどうすればよいですか? 同時に表示されるさまざまなツールチップを区別できるようにしたいと考えています。

ツールチップの初期化に追加の CSS クラスを追加しようとしましたが、Poshy Tip によってオンザフライで生成された CSS が正しく機能しなくなるため、レイアウトが壊れます。プラグインには、ID を設定するオプションがありません。

$('#tip').poshytip({
    className: 'tip-yellow',
    // Replacing the previous line with the next one breaks the layout:
    // className: 'tip-yellow extraClass',
    // This option doesn't exist:
    // id: 'myId',
    ...
}

このフィドルを参照してください。

初期化後にextraClassを追加してmyIdを設定できますか?

私の jQuery スキルは限られているため、単純に何かを見落としている可能性があります。