Добрый день, пытаюсь написать код, но пока никак не получается, уже не знаю как быть... сам я новичок, поэтому очень надеюсь на вашу помощь. Если есть у кого соображения, поделитесь...
Суть вот в чем:
На вложенном рисунке я показал чего хочу добиться.
Есть два выпадающих списка и кнопка "add". При нажатии на неё в низу должно появляться точно такое же, но с кнопкой "del" и так 10 штук и соответственно при нажатии этой кнопки списки выпадающий должны исчезать.
И все это находится в тегах <table></table>. Слева от списков находятся названия их. (на рисунке не показана)
вот что я сам написал, но ничего не работает.
JS
$(function(){
$('.add').click(function(){
$('boxLevel').show();
});
$(function(){
$('.del').click(function(){
$('boxLevel').hide();
});
});
});
HTML
<div id="boxLevel">
<select name="name" id="name"">
<option value="1">1</option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
</select>
-
<select name="family" id="family">
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
</select>
<span class="add"><a href="">add</a></span>
</div>