SO Question 16402577

by Gerald Gillespie

HTML

<div id="createDiv">Click Here One Time</div>
<hr/>
<div id="results">to create something here</div>

JavaScript

$('#createDiv').on('click', function () {
            var str = "Click here to edit it";  // New Folder
            $("<div/>").html("<span id='myInstance2' class='editToggler' style='display: block;'>" + str + "</span><input class='editToggler' style='display: none' value='" + str + "'/>").appendTo("#results").fadeIn();
            $(this).off('click');
        });



        $('#results').on('click', 'span', function () {
/*            $('.editToggler').not('input').hide();
            $('.editToggler').not('span').show();*/
            $('.editToggler').toggle();
        });