javascript - 现有javascript代码的等效jquery代码？

Question

我是 jquery 的新手。我写了一个javascript方法，点击锚点就会被调用。

onclick="return show('contentTwo','content');

这里是contentTwodiv contentId。

方法：

function show(shown, hidden) {
  document.getElementById(shown).style.display='block';
  document.getElementById(hidden).style.display='none';
  return false;
}

现在我想使用 jqueryslideDown和slideUp方法而不是使用 javascript。我怎样才能将上面的代码转换成jquery？

谢谢！

Answer 1

尝试这个：

演示--> http://jsfiddle.net/YFmtc/2/

$("#hidden").hide();
$('a').click(function(){
        $("#shown, #hidden").slideToggle("slow");
});

见 APIslideToggle()

Answer 2

尝试

$("#shown, #hidden").slideToggle("slow"); 

演示

Answer 3

尝试

function show(shown, hidden) {
  $('#' + shown).show();
  $('#' + hidden).hide();
  return false;
}

或者

function show(shown, hidden) {
  $('#' + shown + ',' + '#' + hidden).toggle();
  return false;
}