0

jQuery

$(document).ready(function(){        
    $("#infocontent").hide();
    $("#infocontent div").hide();       
    $('#linkwrapper a[id]').click(function(){            
        var vsubmen = this.id +"content";              
        if( $("#infocontent").is(":visible") == false ) {
            $("#" + vsubmen).show('fast',function() {
                $("#infocontent").slideDown();
            });
        } else if ( $("#" + vsubmen).is(":visible") == false ) {
            $("#infocontent").slideUp('slow',function(){
                $("#infocontent div").hide();
                $("#" + vsubmen).show();
                $("#infocontent").slideDown('slow');    
            });
        } else {
            $("#infocontent").slideUp('slow',function(){
                $("#infocontent div").hide();
            });
        }
        return false;
    });    
});

HTML

这个也显示并关闭

<div id="wirelessc">                        
    <div id="linkwrapper">
    <a id="link1" href="#">Configuración del AP (Punto de Acceso)</a><br/>
    <a id="link2" href="#">link2</a><br/>
    <a id="link3" href="#">link3</a>
</div>

<div id="infocontent">
    <div id="link1content"><p>1° Paso: Conectamos el Router a la PC, luego de esto ingresamos a nuestro navegador y 
                        tipeamos“192.168.1.1” en el buscador  e inmediatamente nos saltara una ventana que pedirá 
                        el nombre de usuario y contraseña de nuestro Router.
    </p></div>
    <div id="link2content">Information about 2.</div>
    <div id="link3content">Information about 3.</div>

它在您单击时显示，但在您打开其他时不关闭

<div id="bridge">
    <div id="linkwrapper">
        <a id="link4" href="#">Configuración del APPPPPPP (Punto de Acceso)</a><br/>
        <a id="link5" href="#">link2</a><br/>
        <a id="link6" href="#">link3</a>
    </div>
    <div id="infocontent">
        <div id="link4content"><p>1° Paso: Conectamos el Router a la PC, luego de esto ingresamos a nuestro navegador y 
                        tipeamos“192.168.1.1” en el buscador  e inmediatgsdgsdgsgsgsamente nos saltara una ventana que pedirá 
                        el nombre de usuario y contraseña de nuestro Router.
        </p></div>
        <div id="link5content">Information about 2.</div>
        <div id="link6content">Information about 3.</div>
    </div>                          
</div>

两个 div 都在同一个 html 文件中

如何修复？

4

1 回答 1

0

除了缺少几个结束 div 标记外，我没有看到您的任何错误。 这是您的代码的链接，其中显示/隐藏可以正常工作。

   <div id="wirelessc">                        
    <div id="linkwrapper">
     <a id="link1" href="#">Configuración del AP (Punto de Acceso)</a><br/>
     <a id="link2" href="#">link2</a><br/>
     <a id="link3" href="#">link3</a>
    </div>

    <div id="infocontent">
    <div id="link1content">
      <p>1° Paso: Conectamos el Router a la PC, luego de esto ingresamos   nuestro navegador y 
                    tipeamos“192.168.1.1” en el buscador  e inmediatamente nos saltara una ventana que pedirá 
                    el nombre de usuario y contraseña de nuestro Router.
      </p>
    </div>
    <div id="link2content">Information about 2.</div>
    <div id="link3content">Information about 3.</div>
   </div>
  </div>
  <div id="bridge">
  <div id="linkwrapper">
    <a id="link4" href="#">Configuración del APPPPPPP (Punto de Acceso)</a><br/>
    <a id="link5" href="#">link2</a><br/>
    <a id="link6" href="#">link3</a>
  </div>
  <div id="infocontent">
    <div id="link4content"><p>1° Paso: Conectamos el Router a la PC, luego de esto ingresamos a nuestro navegador y 
                    tipeamos“192.168.1.1” en el buscador  e inmediatgsdgsdgsgsgsamente nos saltara una ventana que pedirá 
                    el nombre de usuario y contraseña de nuestro Router.
    </p></div>
    <div id="link5content">Information about 2.</div>
    <div id="link6content">Information about 3.</div>
</div>

于 2013-11-06T21:18:35.960 回答