|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class="emailholder"> </div> <script> $(document).ready(function(){ var mainsampleDiv = '<div class="sample"><label>Email</label> <input type="text" class="emailsched" name="email[]"><img src="http://png-2.findicons.com/files/icons/2171/kiwi/32/increase.png" class="addemail"></div>'; var sampleDiv = '<div class="sample"><label>Email</label> <input type="text" class="emailsched" name="email[]"><img src="http://png-2.findicons.com/files/icons/2171/kiwi/32/increase.png" class="addemail"><img src="https://cdn2.iconfinder.com/data/icons/32pxmania/buttons_21.png" class="deleteemail"></div>'; $('.emailholder').append(mainsampleDiv); $(document).on('click', '.deleteemail', function() { $(this).closest('div').hide(); }); $(document).on('click', '.addemail', function() { $('.emailholder').append(sampleDiv); }); }); </script> |
The jsfiddle below is now old, and live is depreciated, so a newer version is above.
