在jQuery动画完成后，如何使文本区域聚焦？

我的脚本中有一个jQuery插件，它显示和隐藏html中的任何元素，这些元素是从

因此，在我的脚本中，它显示并隐藏一个div，如下所示：

<div class="show" rel="#hild<?php echo $r[id]; ?>">
   <button class="action">
        Respond with a new comment
   </button>
</div>

您可以使用
触发器（）
：

您可以使用以下方法代替该插件：

通过滑动运动显示或隐藏匹配的元素

或

和html：

<ul>
    <li>
        <a href="#" title="Toggle the span" class="ex-2">Toggle item 1</a>
        <span><form>label <input /></form></span>
    </li>
    <li>
        <a href="#" title="Toggle the span" class="ex-2">Toggle item 2</a>
        <span><form>label <input /></form></span>
    </li>
    <li>
        <a href="#" title="Toggle the span" class="ex-2">Toggle item 3</a>
        <span><form>label <input /></form></span>
    </li>
</ul>



标签


标签


标签



更新

您想将焦点放在隐藏div中的textarea吗？@wirey他的意思是，当单击查看按钮时显示隐藏div时，textarea应该被聚焦。不，单击该按钮后将显示隐藏的div。您也可以为我们提供jquery吗？如果textarea只有一个，只需使用它的id来聚焦。如果你有多个，那么你如何处理后，他们有相同的名字后，他们？问题也在这里。我将它与php一起使用。所以我的名字是：@NavedAhmed，所以你有几个div标签，你可以尝试更新的答案。这里是什么$obj和$target？请注意，我使用了这个插件：在JSFIDLE中
$('#hild textarea').trigger('focus')

$('.show').click(function(){
   var id = $(this).attr('rel')
   $(id).slideToggle('slow', function(){
       $(id).find('textarea').trigger('focus')
   })
})

$('#hild<?php echo $r[id]; ?>').showhide({
    default_open: false,
    target_obj: '$obj.parent().next()',
    focus_target: '$target.find("input")[0]'
});

$('.ex-2').showhide({
    default_open: false,
    target_obj: '$obj.parent().next()',
    focus_target: '$target.find("input")[0]'
});

<ul>
    <li>
        <a href="#" title="Toggle the span" class="ex-2">Toggle item 1</a>
        <span><form>label <input /></form></span>
    </li>
    <li>
        <a href="#" title="Toggle the span" class="ex-2">Toggle item 2</a>
        <span><form>label <input /></form></span>
    </li>
    <li>
        <a href="#" title="Toggle the span" class="ex-2">Toggle item 3</a>
        <span><form>label <input /></form></span>
    </li>
</ul>