jQuery replace text

by Lukasz Baran

HTML

<div class="window">
  <div id="abc" class="comment">
    Naciśnij lewy przycisk myszy, aby zamienić komentarz.
    <br /> Naciśnij lewy przycisk myszy, aby zamienić komentarz.
    <br /> Naciśnij lewy przycisk myszy, aby zamienić komentarz.
  </div>
</div>

CSS

.window {
  width: 50%;
}
.comment {
  background: #ccc;
  border: 1px solid red;
}

JavaScript

var cid = "abc";
var editcomment = "Komentarz zastąpiony...<br />test";

$(document).on('click', 'div#' + cid + '.comment', function() {
  $(this).slideToggle('slow', function() {
    $(this).html(editcomment);
    $(this).slideToggle('slow');
  });
});