Loading, please wait...

ARTDESIGN DROP DOWN BUTTONS

EXAMPLES

Overwrite settings

Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
<div data-plugin-ad-drop-down-buttons="ad-drop-down-buttons" data-ad-drop-down-buttons-selector="div" data-ad-drop-down-buttons-options="Blue">
    <div data-ad-drop-down-buttons-current="current">Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>
    <div>Div 5</div>
    <div>Div 6</div>
</div>

Frequently overwriting settings

Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
<div data-plugin-ad-drop-down-buttons="ad-drop-down-buttons" data-ad-drop-down-buttons-selector="div" data-ad-drop-down-buttons-options="InnerShadow, Blue">
    <div data-ad-drop-down-buttons-current="current">Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>
    <div>Div 5</div>
    <div>Div 6</div>
</div>

Drop Down Buttons with icons

Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
<div data-plugin-ad-drop-down-buttons="ad-drop-down-buttons" data-ad-drop-down-buttons-selector="div" data-ad-drop-down-buttons-options="InnerShadow, Blue">
    <div data-ad-drop-down-buttons-current="current">Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>
    <div>Div 5</div>
    <div>Div 6</div>
</div>

Disable mode

Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
<div data-plugin-ad-drop-down-buttons="ad-drop-down-buttons" data-ad-drop-down-buttons-selector="div" disabled="disabled">
    <div data-ad-drop-down-buttons-current="current">Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>
    <div>Div 5</div>
    <div>Div 6</div>
</div>

External switching (Enable / Disable)

Div 1
Div 2
Div 3
Div 4
Div 5
Div 6
Enabled
Disabled
<div data-plugin-ad-drop-down-buttons="ad-drop-down-buttons" data-ad-drop-down-buttons-selector="div" id="Disable">
    <div data-ad-drop-down-buttons-current="current">Div 1</div>
    <div>Div 2</div>
    <div>Div 3</div>
    <div>Div 4</div>
    <div>Div 5</div>
    <div>Div 6</div>
</div>
<script type="text/javascript">
    function Enable() {
        $("#Disable").removeAttr("disabled");
    }
    function Disable() {
        $("#Disable").attr("disabled", "disabled");
    }
</script>