jQuery在单击时操作DOM

Question

当单击链接时，我希望将隐藏的输入值更改为true或false。

<a href="#" class="open-advanced-search">Advanced search</a>

advanced_search = $('.advanced-search-block .hidden-block')
advanced_search_field = $('#payment_search_advanced_search')

$('.open-advanced-search').on 'click', ->
  if '#help needed here'
    $(advanced_search).show()
    $(advanced_search_field).attr('value', 'true')
  else
    $(advanced_search).hide()
    $(advanced_search_field).attr('value', 'false')
  return
return

我知道有一个方法toggle，但这对我来说已经足够了，因为我还想更新html元素。

Answer 1

您不需要if ... else，您可以在一个块中显示/隐藏和真/假开关，如下所示：

$(advanced_search).toggle()
$(advanced_search_field).attr('value', $(advanced_search).is(':visible'))

第一行打开和关闭可见性开关。然后，第二行将读出它现在是否可见，如果是，则结果是true else false。