Jquery Function met parameters

by Dennis Betman

HTML

<div id="log"></div>
<div class="menu">
    <ul>
        <li>Menu1</li>
        <li>Menu2</li>
        <li>Menu3</li>
        <li>Menu4</li>
    </ul>
</div>
<div class="newMenu">
    <ul></ul>
</div>

CSS

.animation_leftToRight {
    margin-left:200px;
}

JavaScript

function test(options) {

    default_options = {
        number: 20,
        text: "Hello World",
        text_color: "black",
        animation: "swing",
        menu: ".menu ul li"
    };
    options = $.extend({}, default_options, options);

    $("#log").append(options.number + ' ' + options.text).css({
        "color": options.text_color
    }).addClass("animation_" + options.animation);

    $(options.menu).each(function (i) {
        console.log($(this).text());

        console.log($(options.menu).length);

        $(".newMenu").html("<li> " + $(this).text() + " </li>");
    });
};

test({
    number: 53,
    text_color: "red",
    text: "Dennis Betman",
});