javascript - jqueryui 的 "Fold"效果是唯一有效的效果

Question

目前我正在尝试 jqueryui hide() 和 show() 函数。我能发挥作用的唯一效果是“折叠”效果。即，每当我尝试“剪辑”或“淡入淡出”等其他效果时，显示(“折叠”)和隐藏(“折叠”)，效果都不起作用。有什么理由吗？这是相关代码的片段。

<script src="./jQuery/jquery.min.js"></script>
<script src="./jquery-ui-1.11.2.custom/jquery-ui.min.js"></script>

<script type="text/javascript">
clickCB  = function()
{
$("#game-type").hide().show("fold").replaceWith("<p id=\"game-type\";>" + $(this).val() + " Testing Testing" + "</p>" );

};
</script>

<input class="someclass" type="radio" name="v" value="1" id="option1">
<label for="option1"> Game A </label><br>

<p id="game-type" style="display: none;">
</p>

<script>
$("input[name=v]").click(clickCB);
</script>

编辑*我不认为这是任何类型的链接问题，因为我成功地让 Accordion 小部件正常工作。

Answer 1

好的，回来....

我可以建议将整个第 7 行简化为:

$("#game-type").html($(this).val() + " Testing Testing").show("highlight","slow");

.show() 对原始空元素进行操作，而不是替换元素。为什么不直接使用原始元素呢？

hide() 似乎是无关的。 ...除非您打算切换()该元素的显示？

注意:正如我们所讨论的，我确实(正如您所做的那样)使用 jQueryUI css 文件来显示“突出显示”效果。