Home > jQuery-jlVisi

jQuery-jlVisi

JQuery-jlVisi is a project mainly written in JavaScript, it's free.

jlVisi is a jQuery plugin designed to toggle the visibility of webpage elements.

jlVisi - A jQuery plugin

©2011 JasonLau.biz

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.

================================================================== Description

jlVisi is a jQuery plugin designed to toggle the visibility of webpage elements.

================================================================== Usage

Call "jlvisi()" on any object that can have a rel attribute. The rel attribute holds a delimited list of objects to toggle visibility. Each object in the list is preceded by a symbol which indicates the visibility state of the object. For example, the hide indicator is the ! exclamation point and the show indicator is the

  • asterisk.

================================================================== Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

This example hides the first paragraph and shows the second.

================================================================== Options And Defaults

delimitor : ','

== The character used as the list delimiter in the rel attribute

hide_indicator : '!',

== The character used to indicate if an object should be hidden

show_indicator : '*'

== The character used to indicate if an object should be visible