Manually set the margin-left property for Indented items

by Trever Shick

HTML

<ul>
    <li class="indent">Parent</li>
    <li class="indent indent-1">Parent</li>
    <li class="indent indent-10">Child</li>
</ul>

JavaScript

$(function() { 
    $(".indent").css("margin-left", function() {
        var x = $(this).attr("class").match(/indent-([0-9]+)/);
        if (x) {
            return 20 * parseInt(x[1]);
        } else {
            return $(this).css("margin-left")
        }
    });
});