php - 新しいコンテンツをフリップ

Question

送信されたコードに応じて異なるコンテンツをロードするログインを作成したいと考えています。次のように簡単です：

<button type="submit" value="BSend" class="l-button">code</button>
<input type="text" name="bewerbung" class="l-input">

    Example:
    CODE01 = GET CONTENT 01
    CODE02 = GET CONTENT 02
    CODE03 = GET CONTENT 03
    CODE04 = GET CONTENT 04

負荷をより効果的にするために、Flippy で jQuery フリップ効果と呼ばれるライブラリを使用したいと考えています。私のコードで動作させるには、クラスflipbox-containerを持つコンテナーのみが必要です。このコンテナでは、クラスFlipboxを持つコンテンツが反転されます。

私はすでに私のウェブサイトの別のサイトでそれを試しました：

   $(document).on('submit', 'form.ajax', function (e) {
      e.preventDefault();
      var that = $(this),
         url = that.attr('action'),
         type = that.attr('method'),
         data = {};
      that.find('[name]').each(function (index, value) {
         var that = $(this),
            name = that.attr('name'),
            value = that.val();
         data[name] = value
      });
      $.ajax({
         url: url,
         type: type,
         data: data,
         success: function () {


            $(".flipbox").flippy({
               color_target: "",
               duration: "500",
               verso: "<article class=\"leftk\"><header><h3>Kontakt</h3></header><form action=\"submit.php\" method=\"post\" title=\"Kontaktformular\" class=\"ajax\"><label for=\"name\">Name</label><input name=\"name\" type=\"text\" title=\"Name\"><label for=\"email\">E-Mail-Adresse</label><input name=\"email\" type=\"text\" title=\"Email\"><label for=\"auswahl\">Präfix</label><label class=\"label\"> <select name=\"auswahl\" class=\"dropdown\"> <option selected value=\"Webdesign\">Anfrage Webdesign</option> <option value=\"Persoenliche\">Anfrage persönlich</option> <option value=\"Andere\">Alles andere</option> <option value=\"Spam\">Spam</option></select></label><textarea name=\"message\" title=\"Nachricht\"></textarea><button value=\"Send\" type=\"submit\" class=\"button\">Absenden</button></form></article><aside id=\"robot\"><ul class=\"social-icons clearfix\"> <li class=\"facebook\"><a href=\"#\">Facebook</a></li> <li class=\"google\"><a href=\"#\">Google</a></li> <li class=\"skype\"><a href=\"#\">Skype</a></li> <li class=\"twitter\"><a href=\"#\">Twitter</a></li> <li class=\"youtube\"><a href=\"#\">YouTube</a></li></ul></aside>",
               onFinish: function () {
                  $("#no-color").css("background-color", "transparent");
               }
            });
         }
      });

したがって、何らかの理由で新しいコンテンツを見ることができるように、この逆のものに書き込む必要があります。

では、ログイン コードでこれを行うにはどうすればよいでしょうか。彼が私のjsファイルを開いたときに誰もがコンテンツを見ることができるので、私はこのことに新しいコンテンツを書きたくありません。これとは別に、私にはちょっと面倒に見えます。