jQuery切换问题
|
我将如何隐藏选择元素，每当单击按钮时它就会显示出来，而当我再次单击它时，它将隐藏它呢？到目前为止，我有以下代码它似乎没有按我预期的那样工作。我知道切换可能是解决jquery中此问题的方法。
<form id=\"myForm\">
<input type=\'button\' name=\'button\' id=\'testbtn\' value=\'Test Button\' />
<br>
<select style=\"visibility:hidden\" id=\'List\' name=\'List\'/>
</form>
$(\"#testbtn\").click(function() {
$(\'#List\').toggle();
});
没有找到相关结果
已邀请:
5 个回复
抵舵
<form id=\"myForm\"> <input type=\'button\' name=\'button\' id=\'testbtn\' value=\'Test Button\' /> <br> <select style=\"display: none;\" id=\'List\' name=\'List\'/> </form> $(\"#testbtn\").click(function() { $(\'#List\').toggle(); });冉案
至：修改CSS属性 http://api.jquery.com/toggle/爆山
。蹄寄噬非芹
断跑胺弄萎
属性会根据需要保存和恢复。如果元素的inline值为“ 5”，则将其隐藏并显示，它将再次显示为inline。 显示我建议使用另一种方法来从中删除css：.hide { display: none };$(\"#testbtn\").click(function() { $(\'#List\').toggleClass(\'hide\'); });