jquery-class-events v1.0.0

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