Equivalent jquery code for existing javascript code?

Question

I am new to jquery. I wrote one javascript method and will be called on click of an anchor.

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

here contentTwo and content are div Ids.

method:

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

Now I would like to use jquery's slideDown and slideUp methods than using javascript. how can I convert the above code into jquery?

Thanks!

Have you tried anything, where exactly are you stuck? SO is not a code writing service. — Bergi
– Bergi, Commented Jun 27, 2013 at 5:55
This can easily be accomplished by doing a Google search. Please try yourself, this way you can learn more. — Anshuman Jasrotia
– Anshuman Jasrotia, Commented Jun 27, 2013 at 5:57

Suresh Atta · Accepted Answer · 2013-06-27 05:55:44Z

1

Try

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

DEMO

answered Jun 27, 2013 at 5:55

Suresh Atta

122k38 gold badges206 silver badges315 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dhaval Marthak · Accepted Answer · 2013-06-27 06:04:06Z

1

try this:

DEMO --> http://jsfiddle.net/YFmtc/2/

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

See API slideToggle()

edited Jun 27, 2013 at 6:04

answered Jun 27, 2013 at 5:58

Dhaval Marthak

17.4k6 gold badges48 silver badges69 bronze badges

Comments

Arun P Johny · Accepted Answer · 2013-06-27 05:57:36Z

0

Try

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

or

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

answered Jun 27, 2013 at 5:57

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

Equivalent jquery code for existing javascript code?

method:

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

method:

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related