html - Unable to show/hide a button element in jquery -
html - Unable to show/hide a button element in jquery -
i have next html , css. , in css i'm setting display:none button. form beingness shared across other pages i'd show button on pages using jquery. attempted using $(".ui-multiselect.ui-widget.ui-state-default.ui-corner-all").show() didnt work. can please tell me if i'm doing wrong here.
class="snippet-code-js lang-js prettyprint-override">$(document).ready(function() { $(".ui-multiselect.ui-widget.ui-state-default.ui-corner-all").show(); });
class="snippet-code-css lang-css prettyprint-override">#usersearchform .ui-multiselect { position: absolute; right: 31px; top: 26px; z-index: 100; } #usersearchform .ui-multiselect { display: none; } #usersearchform button { float: right; margin-right: 13px; }
class="snippet-code-html lang-html prettyprint-override"> <form method="post" action="bulkoperations.html?execution=e23s1" id="usersearchform"> <select multiple="multiple" autocomplete="off" name="usersearchbean.searchcriteria" id="searchfilter" style="display: none;"><option value="userstatus">user status</option><option value="accountstatus">account status</option><option value="maidenname">maiden name</option></select> <button type="button" class="ui-multiselect ui-widget ui-state-default ui-corner-all" aria-haspopup="true" style="width: 231px;"><span class="ui-icon ui-icon-triangle-2-n-s"></span><span>add more search criteria</span></button><input type="hidden" value="1" name="_usersearchbean.searchcriteria" autocomplete="off"> <table width="100%" cellspacing="1" id="usersearchformtable" class="yui"> <thead> <tr> <td colspan="2"> <div class="info center" style="position:relative;">all searches utilize 'starts with' algorithm</div> </td> </tr> </thead> <tfoot> <tr> <td class="filter" colspan="2"> <input type="submit" value="search" name="_eventid_searchusers" class="redbtn" id="searchusers" autocomplete="off"> <a id="cleanusersearchform" class="whitebtn" href="javascript:void(0);">clear</a> </td> </tr> </tfoot> </table> </form>
i got work copy-n-pasting code: jsfiddle create sure included jquery
in files or else won't work.
jquery html css button
Comments
Post a Comment