У меня есть следующий код, но яЯ все еще довольно плохо знаком с JQuery, и яЯ уверен, что это грязный код, который можно сделать короче или, возможно, использовать меньше переменных для создания лучшего динамического плагина. Я'Я пытаюсь экспериментировать с различными типами логики. Вот'с кодом.

$.pluginName = (function () {
    $(function () {
        var message = "Hello World!";
        var animSpeed = 300;
        var animType = 'fadeIn';
        var icon = "pin";
        var btnText = "Purchase";
        var btnColor = "pink";
        var btnLink = 'http://www.google.com';
        var content = '' + '' + '' + '<span class="mn_message">' + message + '</span>' + '<a href="' + btnLink + '" class="button ' + btnColor + '">' + btnText + '</a>';
        $("#mn_close").live("click", function () {
            $('.mn_bar').animate({
                top: '-50'
            }, animSpeed, function () {});
        });
        $(".mn_bar").append(content);
        $(function () {
            $(".mn_bar").addClass("animated");
            $(".mn_bar").addClass(animType);
        })
    })
})(jQuery);

Любые советы о том, как передать эти переменные в параметры, которые пользователь может динамически изменять из источника HTML? Я'Я не ожидаю подробных ответов, но яБуду признателен за любую переданную помощь.

EDI: JS Fiddle с CSS и HTML.

http://jsfiddle.net/QjFnf/8/

Заранее спасибо!