jquery 任意点击一个标签,指定的标签显示,其它的隐藏,如何解决,求高手解答

这个可以解决。但是写程序不是这么写的?

$(function(){
$('li').eq(0).click(function(){
$('#formbaidu').show(1500)
$('#formalibaba').hide(1000)
$('#formgongkong').hide(1000)
$('#formaligy').hide(1000)
})
$('li').eq(1).click(function(){
$('#formalibaba').show(1500)
$('#formbaidu').hide(1000)
$('#formaligy').hide(1000)
$('#formgongkong').hide(1000)
})

$('li').eq(2).click(function(){
$('#formaligy').show(1500)
$('#formbaidu').hide(1000)
$('#formalibaba').hide(1000)
$('#formgongkong').hide(1000)
})
$('li').eq(3).click(function(){
$('#formgongkong').show(1500)
$('#formbaidu').hide(1000)
$('#formalibaba').hide(1000)
$('#formaligy').hide(1000)
})

})

<!DOCTYPE HTML>
<html>
<meta charset="UTF-8" />
<head>
<title>YuGiOh Power Of Chaos</title>
<style type="text/css">
</style>
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$ (function ()
    {
    $ ('li').click (function ()
    {
    var me = $ (this), index = me.index (), str = "#formbaidu,#formalibaba,#formaligy,#formgongkong";
    $ (str).hide (1000);
    $ (str.split (/\,/)[index]).show (1500);
    });
    });
</script>
</head>
<body>
</body>
</html>

温馨提示:答案为网友推荐,仅供参考
相似回答