OGraphr fadeOut

by idleberg

HTML

<p>
    <label><input name="ographr_options[enable_plugin_on_front]" type="checkbox" class="vtoggle" value="1" data-vtarget="label.enable_triggers" data-vstate="1" /> Enable plug-in </label>&nbsp;
                                
    <label class="enable_triggers"><input name="ographr_options[enable_triggers_on_front]" type="checkbox"  value="1" disabled="disabled" /> Enable triggers </label>&nbsp;
</p>

<p>
<label><input name="ographr_options[add_post_images]" type="checkbox" class="vtoggle" data-vtarget="input.disable_filters, textarea.disable_filters" data-vstate="1" value="1" /> Post images </label>&nbsp;
</p>

<p>
<label>Filters:</label>
    <label><input name="ographr_options[filter_gravatar]" type="checkbox" value="1" class="disable_filters" disabled="disabled" /> Exclude avatars </label>&nbsp;
                                        
    <label><input name="ographr_options[filter_smilies]" type="checkbox" value="1" class="disable_filters" disabled="disabled" /> Exclude emoticons </label>&nbsp;
                                        
    <label><input name="ographr_options[filter_themes]" type="checkbox" value="1" class="disable_filters" disabled="disabled" /> Exclude themes </label>&nbsp;
</p>                        

<p>
    <label>Custom URLs:</label>
    <br/>
    <textarea name="ographr_options[filter_custom_urls]" cols="76%" rows="4" class="disable_filters" disabled="disabled" >Hello!</textarea>
</p>

<p>
    <label><input name="ographr_options[add_attached_image]" type="checkbox" value="1" class="vtoggle" data-vtarget="input.post_thumbnail" data-vstate="0" /> Attached images </label>&nbsp;
                                        
                                        <label><input name="ographr_options[add_post_thumbnail]" type="checkbox" value="1" class="post_thumbnail" /> Post thumbnail </label>&nbsp;
                    
    </p>

CSS

p {margin-bottom:15px}

JavaScript

$(function() {
        
    $("input.vtoggle").click(function() {
        var vtargetSelector = $(this).data('vtarget');
        var vtarget = $( vtargetSelector )
   
        if (this.checked) {
            vtarget.fadeOut("slow")
        } else {
            vtarget.fadeToggle("slow")
        }
    });
})