jquery-class-events
v1.0.0
Published
Class events for jQuery
Downloads
7
Readme
jquery-class-events
jQuery Class Events was made for emit a event in a element e change class on another element
Usage
You need to download the lasted release on releases panel and import to your project.
<script src="path/to/js/jquery.min.js"></script>
<script src="path/to/js/jquery-class-events.min.js"></script>
Usage Example
<!-- HTML -->
<button id="openModalButton">Open Modal</button>
<div class="modal" id="modal">
<!-- Modal Content -->
<button id="closeModalButton"></button>
</div>
<script src="path/to/js/jquery.min.js"></script>
<script src="path/to/js/jquery-class-events.min.js"></script>
<script>
// JS
$('#openModalButton').classEventAdd('click', '#modal', 'modal--active');
$('#closeModalButton').classEventRemove('click', '#modal', 'modal--active');
</script>
Or Toggle
<!-- HTML -->
<button id="toggle">Toggle Modal</button>
<div class="modal" id="modal">
<!-- Modal Content -->
<button id="closeModalButton"></button>
</div>
<script src="path/to/js/jquery.min.js"></script>
<script src="path/to/js/jquery-class-events.js"></script>
<script>
// JS
$('#openModalButton').classEventToggle('click', '#modal', 'modal--active');
</script>
Ref
| Function | Params | Description | |------------------|----------------------------|-------------| | classEventAdd | event, receiver, className | Add a class on receiver | | classEventRemove | event, receiver, className | Remove a class on receiver| | classEventToggle | event, receiver, className | Toggle a class on receiver |