Работа с классами
Помогите пожалуйста упростить функцию, сделать ее универсально для всех блоков
<script> $(function() { $("#sub1 .sub-mess").click(function() { $("#sub1").toggleClass("unitok"); $("#sub1 .message").toggleClass("ok"); $("#sub1 .message-send").toggleClass("ok"); $("#sub1 .sub-mess2").toggleClass("ok"); }); $("#sub2 .sub-mess").click(function() { $("#sub2").toggleClass("unitok"); $("#sub2 .message").toggleClass("ok"); $("#sub2 .message-send").toggleClass("ok"); $("#sub2 .sub-mess2").toggleClass("ok"); }); $("#sub3 .sub-mess").click(function() { $("#sub3").toggleClass("unitok"); $("#sub3 .message").toggleClass("ok"); $("#sub3 .message-send").toggleClass("ok"); $("#sub3 .sub-mess2").toggleClass("ok"); }); }); </script> |
Navil,
$(function() {
$("[id^='sub']").on("click", ".sub-mess", function(event) {
$(event.delegateTarget).toggleClass("unitok");
$(".message, .message-send, .sub-mess2", event.delegateTarget).toggleClass("ok");
});
});
|
Спасибо огромное, все работает!
:dance:
|
| Часовой пояс GMT +3, время: 00:55. |