добавить новое текстовое поле onclick в ajax

Question

Я работаю над проектом в php. У меня есть слайдер и кнопка добавления. Если я нажму кнопку «Добавить», отобразится новый слайдер вместе с другой кнопкой добавления и кнопкой удаления. Если я нажму кнопку «Добавить», тот же цикл продолжится, и если я нажму кнопку «Удалить», эта же строка исчезнет. Я попытался это один:

<div id="time"> 
<div id="slider-range1"></div> 
<span id="utility2"></span> 
<a class="add_time" href="#">Add</a> 
</div> 

$("#time").delegate(".add_time", "click", function(){ 
    var content = '<div>' 
        +'<div id="slider-range2"></div>' 
        +'<span id="input_time1"></span>' 
        +'<a class="del_time" href="#">Delete</a>' 
        +'<a class="add_time" href="#">Add</a>' 
        +'</div>'; 
    $("#time").append(content); 
    return false; 
}); 

$("#time").delegate(".del_time", "click", function(){ 
    $(this).parent().remove(); 
    return false; 
}); 

Answer 1

Вы также можете попытаться отобразить или нет конкретных DIV, что вы хотите или нет, чтобы показать, как, например:

<div id="time"> 
<div id="slider-range1"></div> 
<span id="utility2"></span> 
<a class="add_time" href="#">Add</a> 
<div id="slider" style="display:none;">' 
    <div id="slider-range2"></div>' 
    <span id="input_time1"></span>' 
    <a class="del_time" href="#">Delete</a>' 
    <a class="add_time" href="#">Add</a>' 
</div> 

$(document).ready(function() { 

$('.add_time').click(function() { 
    $("#slider").css("display","block"); 
}); 

}); 

Вы также можете скрыть слайдер, определяющий отображение, никому в javascript