[英]Equivalent jquery code for existing javascript code?
I am new to jquery. 我是jquery的新手。 I wrote one javascript method and will be called on click of an anchor.
我写了一个javascript方法,将在点击锚点时调用。
onclick="return show('contentTwo','content');
here contentTwo
and content
are div Ids. 这里的
contentTwo
和content
是div Ids。
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. 现在我想使用jquery的
slideDown
和slideUp
方法,而不是使用javascript。 how can I convert the above code into jquery? 如何将上面的代码转换为jquery?
Thanks! 谢谢!
try this: 尝试这个:
DEMO -->
http://jsfiddle.net/YFmtc/2/ 演示
-->
http://jsfiddle.net/YFmtc/2/
$("#hidden").hide();
$('a').click(function(){
$("#shown, #hidden").slideToggle("slow");
});
See API slideToggle()
请参阅API
slideToggle()
Try 尝试
function show(shown, hidden) {
$('#' + shown).show();
$('#' + hidden).hide();
return false;
}
or 要么
function show(shown, hidden) {
$('#' + shown + ',' + '#' + hidden).toggle();
return false;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.