Download This Plugin
Back To jQueryScript.Net
CiaoyuToggle.js jQuery Plugin Examples
Radio Button
Shows Block A
Shows Block B
Shows Block A & B
Result:
Block A
data-ciaoyu-toggle="example1"
or
data-ciaoyu-toggle="example1,example3"
Block B
data-ciaoyu-toggle="example2"
or
data-ciaoyu-toggle="example2,example3"
Checkbox
Shows Block A & D
Shows Block B & D
Shows Block A & C
Result:
Block
data-ciaoyu-toggle="checkbox1"
Block B
data-ciaoyu-toggle="checkbox2"
Block C
data-ciaoyu-toggle="checkbox1+checkbox3"
Block D
data-ciaoyu-toggle="checkbox1,checkbox2"
Select
Example Select
Select---
Shows Block A
Shows Block B & C
Shows Block C
result:
Block A
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="1"
Block B
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="2"
Block C
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="2,3"
Result:
Block A
data-ciaoyu-toggle="ExSelect" data-ciaoyu-val="!0"
Checkbox + Select
Agree
Select---
Shows Block A When Agreed
Option 2
Result:
Agree and Select 1
data-ciaoyu-toggle="mixCheckbox+mixSelect" data-ciaoyu-val="1"