現有javascript代碼的等效jquery代碼？

Question

我是jquery的新手。 我寫了一個javascript方法，將在點擊錨點時調用。

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

這里的contentTwo和content是div Ids。

方法：

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

現在我想使用jquery的slideDown和slideUp方法，而不是使用javascript。 如何將上面的代碼轉換為jquery？

謝謝！

Answer 1

嘗試

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

DEMO

Answer 2

嘗試這個：

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

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

請參閱API slideToggle()

Answer 3

嘗試

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

要么

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