Как сделать чтобы кнопка Загрузить показывалась только после нажатия редактировать и повесить на кнопу сохранить сделать невидимым а тот <textarea> сделать обратно в <p>?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
(function($) {
$.fn.replaceTagName = function(replaceWith) {
var tags = [],
i = this.length;
while (i--) {
var newElement = document.createElement(replaceWith),
thisi = this[i],
thisia = thisi.attributes;
for (var a = thisia.length - 1; a >= 0; a--) {
var attrib = thisia[a];
newElement.setAttribute(attrib.name, attrib.value);
};
newElement.innerHTML = thisi.innerHTML;
$(thisi).after(newElement).remove();
tags[i - 1] = newElement;
}
return $(tags);
};
})(window.jQuery);
$(function() {
$('#btnEdit').click(function() {
$('p#num123').replaceTagName('textarea')
});
});
</script>
</head>
<body>
<p id="num123">Мой тэг</p> <button id="btnEdit">Редактировать</button>
<button id="load21">сохранить</button>
</body>
</html>
$('#load21').show()
по умолчанию кнопку не показывайте, на нажатие #load21 вызываете replaceWith('p') и чего вы там делаете для save(), кнопку скрывайте.