Tableのrowを増減する

    $('a.addrow').on('click', function(event){
        event.preventDefault();
        var curTable = $(this).closest('table');
        var tmplateRow = curTable.find('thead > tr.template');
        curTable.find('tbody').append('<tr>' + tmplateRow.html() + '</tr>');
    });

    $('a.removerow').on('click', function(event){
        event.preventDefault();
        $(this).closest('table').find('tbody tr:last').remove();
    });

Material Design 丸ボタンで領域トグル

Material Design 風の丸ボタン。ボタンのクリックで、隠し領域をトグルし、同時にボタン自身のプラスとマイナスの表示を切り替える。

   $('a.ub-toggle').on('click', function(event){
        event.preventDefault();
        var story = $(this).siblings('div.ub-toggle');
        if(story.is(':visible')){
             $(this).children('i.material-icons').text('add');
        }
        else{
             $(this).children('i.material-icons').text('remove');
        }                   
        story.toggle();
    });