样式化两个jquery-ui工具提示

我使用工具提示在网站上显示提示和显示错误，例如:

<span class="help">
<a title="hint for inputfield" href="javascript:void(0);">?</a>
</span>
<span class="error">
<a title="Please fill out!" href="javascript:void(0);">!!!</a>
</span>

我用:

激活工具提示

$( document ).tooltip();

在错误的情况下，我想用红色边框样式的工具提示。我只找到了一种方法来样式的工具提示全局:https://jqueryui.com/tooltip/#custom-style但是如何在一个页面上使用两种不同样式的工具提示呢?

<span class="help">
    <a title="hint for inputfield" href="javascript:void(0);">?</a>
</span>
<span class="error">
    <a title="Please fill out!" href="javascript:void(0);">!!!</a>
</span>

.error-style {
    border: 1px solid red;
}

$(".help").tooltip();
$(".error").tooltip({
    tooltipClass: "error-style"
})