0.1.1 • Published 9 years ago
show-when-this v0.1.1
Show when this
jQuery plugin to manage conditional showing/hiding of elements.
## Usage
<div id="radio_buttons">
<input type="radio" name="show_additional_information" value="show" />
<input type="radio" name="show_additional_information" value="hide" checked="checked" />
<div class="additional_information">
Showing #radio_buttons .additional_information
</div>
</div>
<script>
$('#radio_buttons .additional_information').showWhenThis( {
evaluator_callback: function(){ return $('#radio_buttons input[name="show_additional_information"]:checked').val() == '1' },
change_selector: $('[name="show_additional_information"]')
});
</script>
You can find other usage examples in the repo.
Options
evaluator_callback
- A function that should return true or false. When true the element the plugin is attached to will be shown, otherwise it'll be hidden.change_selector
- The selector that when changed will trigger the rerunning of evaluator_callback.
Installing
Copy the show-when-this.min.js
file into your project and link it up.
Getting going with Zepto
If you are using this plugin with Zepto instead of jQuery, make sure you include the modules zepto event data selector
in your build.
Thanks
@Krinkle - For an good example on how to setup CI for JS projects.
0.1.1
9 years ago