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

})

举报该问题

推荐答案推荐于2016-11-27

<!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>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://44.wendadaohang.com/zd/YVVR6DK663R6RV6D3ZZ.html

相似回答

大家正在搜