JSFiddle - React, Tailwind, and code Playground
by uikolas
HTML
<span class="cursor" id="kategorija_kainos"><strong>+</strong></span>
<input type="text" class="inpt dinputas" value="Kategorija" style="width:100px;" />
<div class="pad2"></div>
<span class="cursor" id="subkategorija_kainos2"><strong>+</strong></span>
<input type="text" class="inpt dinputas" value="Sub kategorija" style="width:100px;" />
<input type="text" class="inpt dinputas" value="Kaina" style="width:70px;" /> LT
<div class="pad2"></div>
<div id="papildomi_subkategorija2"></div>
<div id="papildomi_kategorija"></div>JavaScript
// kategorija
$('body').on('click', '#kategorija_kainos', function(){
$('#papildomi_kategorija').append('<div id="papildomas_cat"><span class="cursor" id="kategorija_kainos"><strong>+</strong></span> ' +
'<input type="text" class="inpt dinputas" value="Kategorija" style="width:100px;" /> <span class="cursor" id="pasalinti_cat"><img src="http://www.novell.com/documentation/idm35/policy_designer/graphics/pb_delete_n.png" /></span>' +
'<div class="pad2"></div>' +
'<span class="cursor" id="subkategorija_kainos"><strong>+</strong></span> ' +
'<input type="text" class="inpt dinputas" value="Sub kategorija" style="width:100px;" /> ' +
'<input type="text" class="inpt dinputas" value="Kaina" style="width:70px;" /> LT' +
'<div class="pad2"></div><div id="papildomi_subkategorija"></div></div><!--papildomas_cat-->');
});
// kategorijos salinimas
$('body').on('click', '#pasalinti_cat', function(){
$(this).parent().remove();
});
// ne dinaminiam
$('body').on('click', '#subkategorija_kainos2', function(e){
$(this).parent().find('#papildomi_subkategorija2').append('<div id="papildomas_sub"> ' +
'<input type="text" class="inpt dinputas" value="Sub kategorija" style="width:100px;" /> ' +
'<input type="text" class="inpt dinputas" value="Kaina" style="width:70px;" /> LT <span class="right cursor" id="pasalinti_sub"><img src="http://www.novell.com/documentation/idm35/policy_designer/graphics/pb_delete_n.png" /></span>' +
'<div class="pad2"></div>' +
'</div><!--papildomas_sub-->');
});
// subkategorija dinaminiams
$('body').on('click', '#subkategorija_kainos', function(e){
$(this).parent().find('#papildomi_subkategorija').append('<div id="papildomas_sub"> ' +
'<input type="text" class="inpt dinputas" value="Sub kategorija" style="width:100px;" /> ' +
'<input type="text" class="inpt dinputas" value="Kaina" style="width:70px;" /> LT <span class="right cursor" id="pasalinti_sub"><img...