A丶person 2015-05-12 02:45 采纳率: 66.7%
浏览 1454
已采纳

点击2隐藏1 点击1隐藏2 那点击3 4 5该怎么弄?

图片说明

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.9.1.min.js" type="text/javascript"> </script>
<link href="style.css" rel="stylesheet" />
<title>无标题文档</title>

<script type="text/javascript" language="javascript">
     $(function () {
        $(".helpBox-leftbox li").click(function () {
            var Current = $(this).index();
            $('[helpTutorials]').hide();//隐藏所有对象 
            $('.helpTutorials' + Current).fadeIn();
        })
    }) 
</script>
</head>


<body>
<div class="helpBox">
        <div class="helpBox-left">
            <strong>XXX</strong>
            <div class="helpBox-leftbox">   
                <ul>
                    <span>XXX</span>
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                </ul>
                <ul>
                    <span>XXX</span>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>  
                </ul>
                <ul>
                    <span>XXX</span>
                    <li>8</li>
                    <li>9</li>
                    <li>10</li> 
                </ul>
            </div>
        </div>
        <div class="helpTutorials helpTutorials1">
            <div class="help-one">
                <span>《null - 1》</span> 
            </div>
            <p>
                    1.............<br />


            </p>
        </div>
        <div class="helpTutorials helpTutorials2">
            <div class="help-one">
                <span>《kong - 000000000000000000000000000000000000000002》</span>    
            </div>
            <p>

            </p>
        </div>
        <div class="helpTutorials helpTutorials3">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>

            </p> 
        </div>
        <div class="helpTutorials helpTutorials4">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>
                    1.............<br />
                    2.............<br /> 
                    3.............
            </p> 
        </div>
        <div class="helpTutorials helpTutorials5">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>
                    1.............<br />
                    2.............<br /> 
                    3.............
            </p> 
        </div>
        <div class="helpTutorials helpTutorials6">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>
                    1.............<br />
                    2.............<br /> 
                    3.............
            </p> 
        </div>
        <div class="helpTutorials helpTutorials7">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>
                    1.............<br />
                    2.............<br /> 
                    3.............
            </p> 
        </div>
        <div class="helpTutorials helpTutorials8">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>
                    1.............<br />
                    2.............<br /> 
                    3.............
            </p> 
        </div>
        <div class="helpTutorials helpTutorials9">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>
                    1.............<br />
                    2.............<br /> 
                    3.............
            </p> 
        </div>
        <div class="helpTutorials helpTutorials10">
            <div class="help-one">
                <span>《bai - 200000000000000000》</span> 
            </div>
            <p>
                    1.............<br />
                    2.............<br /> 
                    3.............
            </p> 
        </div>
    </div>
</body>
</html>
  • 写回答

5条回答 默认 最新

  • Go 旅城通票 2015-05-12 03:58
    关注

    给你的.helpTutorialsX增加自定义属性helpTutorials,然后获取这些对象隐藏,在显示点击的对应的对象。

         $(function () {
            $(".helpBox-leftbox li").click(function () {
                var Current = $(this).index();
                $('[helpTutorials]').hide();//隐藏所有对象 
                $('.helpTutorials' + Current).fadeIn();
            })
        }) 
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

悬赏问题

  • ¥20 ARM64架构下SSCMS部署问题
  • ¥20 请教如何让移动端的热区自适应
  • ¥30 为什么深度学习网络训练会出现训练集和测试集准确率和损失都不变的情况
  • ¥15 (标签-3D|关键词-色模型)
  • ¥15 发现在MSVS2022中”#pragma once“不起作用
  • ¥15 实时声纹降噪算法进行无关说话人语音抑制
  • ¥100 adb针对解决手机锁屏问题(相关搜索:手机锁屏)
  • ¥15 发现哔哩哔哩的粉丝只能显示前5页能不能爬出来
  • ¥15 oracle数据库求解
  • ¥15 c++ websocketpp连接币安 有报错,有偿求解