Loading, please wait...

ARTDESIGN DROP DOWN

EXAMPLES

Overwrite settings

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

Frequently overwriting settings

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

Drop Down with icons

Div 1
Div 2
Div 3
<div data-plugin-ad-drop-down="ad-drop-down" data-ad-drop-down-selector="div">
    <div data-ad-drop-down-current="current" data-ad-drop-down-icon="icon-home">Div 1</div>
    <div data-ad-drop-down-icon="icon-info">Div 2</div>
    <div data-ad-drop-down-icon="icon-attach">Div 3</div>
</div>

Disable mode

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

External switching (Enable / Disable)

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