jquery - Optimizely のバリエーション コードをよりクリーンにする

Question

Optimizely の私のバリエーション コード セクションにある次のコードをよりクリーンにするための提案が誰かにあるかどうかを確認するだけです。

window.scrollBox();
$("#related-posts").css({"z-index":"1"});
$("#optslidebox").replaceWith("<div id=\"optslidebox\" style=\"z-index: 2; right: -999px;\">\n\t<a class=\"close\"></a>\n\t<p>Recommended</p>\n\t<h2>WHO ARE YOUR FAVORITE RAPPERS' FAVORITE RAPPERS RIGHT NOW?</h2>\n</div>");
$("#optslidebox > h2").wrapInner("<a href=\"http://greenlabel.com/sound/rappers-who-skate-skaters-who-rap/\"></a>");

これは本文に追加したいものです (Optimizely で html を編集できますが、非常に面倒です):

<div id="optslidebox">
    <a class="close"></a>
    <p>Recommended</p>
    <h2><a href="#">WHO ARE YOUR FAVORITE RAPPERS' FAVORITE RAPPERS RIGHT NOW?</a></h2>
</div>

div を変数に格納する方法と、それが理にかなっていれば、optslidebox div 内のアイテムを格納する方法を考えています。また、すべての変数を実装して本体に表示する方法にも興味があります。

前もって感謝します！