Shares

jQuery – Conditioner plugin ← jQuery Plugins

- 0 views - No Comments

This plugin allows to conditionally display elements based on an input element value. It has inline-options feature which allows to do this very easily, something similar to angular JS’s ng-if feature.

Download Live Demo Fork on Github

jQuery conditioner screenshot

Simple example

<select id="fruits">
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
    <option value="mango">Mango</option>
</select>

<!-- Plugin options given inline -->
<div class="banana-section"
data-condr-input="#fruits"
data-condr-value="banana"
data-condr-action="simple?show:hide"
data-condr-events="click">
    Here are the Banana options ..
</div>

<script>$('.banana-section').conditioner();</script>

Download

jQuery Conditioner source is hosted in Github. Use the link below to download the entire package.

Documentation

Plugin documentation is moved to a seperate page. Documentation page

Donate and show your love

If you find this project useful, please consider a donation. It gives me encouragement and support !

Add your comment No Comments so far