Witajcie, chcę stworzyć plugin jQuery który cenzurowałby komentarze które zawierają nieodpowiednie słowa. Komentarze były by dostępne po kliknięciu. Stworzyłem już skrypt który wyszukuje oraz oraz cenzuruje nieodpowiednie komentarze.
Mam problem z funkcjonalnością która ukrywałaby pod napisem cenzurowany tekst a potem go po kliknięciu udsłaniała go.
Poniżej zamieszczam mój kod:
HTML
div class="media" id="comments">
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
<p>asdasdasdasdasd</p>
</div>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
<p>jaty</p>
</div>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
<p>my</p>
</div>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
<p>wy</p>
</div>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
<p>oni</p>
</div>
</div>
JS
(function($) {
$.fn.commentCensor = function() {
$(this).find("p").each(function() {
var textFieldValue;
var censoredWords = new Array('ja', 'ty', 'oni');
textFieldValue = $(this).text();
for (var x = 0; x < censoredWords.length; x++) {
if (textFieldValue.indexOf(censoredWords[x]) >= 0) {
$(this).replaceWith('<div class="censored"><p>Komentarz został ocenzurowany <span><a href="#" class="showOnClick">Kliknij aby pokazać</a></span></p></div>');
}
};
});
};
$('#comments').commentCensor();
})(jQuery);