javascript - 既存のjavascriptコードと同等のjqueryコード?

Question

私はjqueryが初めてです。私は 1 つの JavaScript メソッドを作成し、アンカーをクリックすると呼び出されます。

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

ここcontentTwoとcontentは div ID です。

方法：

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

今度は、javascript を使用するよりもjqueryslideDownとメソッドを使用したいと思います。slideUp上記のコードをjqueryに変換するにはどうすればよいですか?

ありがとう！

Answer 1

これを試して：

デモ--> http://jsfiddle.net/YFmtc/2/

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

API を参照slideToggle()

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;
}