Здравствуйте!
Есть сайт на Joomla 3.
В нем реализована вот такой функционал с помощью JS: есть блок, при клике на который показывается другой блок, при повторном клике блок, который показывался скрывается. Прикреплен скриншот.
Нужно сделать так, чтобы при клике на блок "Показать", происходил учет клика и в блоке2 (который показывается) выводилось количество кликов по блоку "Показать". Записываться должно в файл, с помощью AJAX. Простыми словами счетчик кликов по элементу.
Сейчас сделано все немного "костыльно". Привожу код:
<form id="myForm">
<input id="username" type="text" size="20" value="yes" style="display:none;"><br/><br/>
<input type="submit" value="" >
</form>
$(document).ready(function(){
$('#myForm').submit(function(){
$.ajax({
type: "POST",
url: "1.php",
data: "username="+$("#username").val(),
success: function(html){
$("#content").html(html);
}
});
return false;
});
});
Значение "yes" ловит php обработчик и увеличивает значение в файле, а также в нем выводится это значение.
А вот так выглядит конструкция, которая скрывает и показывает блок:
<div class="raz btn-primary" id="myObj" >Показать номер телефона</div>
<div class="del">
<div id="content"></div>
+7(900) 000-00-00
</div>
JS:
$('.raz').on('click', function(){
var $that = $(this),
nc = $that.next('.del').length,
block = nc ? $that.next('.del') : $that.parent('.del');
block.slideToggle(function(){
$('.raz',block).add(block.prev('.raz'))
.text(block.is(':visible') ? 'Скрыть' : 'Показать номер телефона');
});
});
Вопрос: как сделать так, чтобы AJAX отправка и вывод количество кликов происходил при нажатии на элемент: Показать номер телефона?
Что нужно поменять в коде JS?
Подскажите, пожалуйста.
