html - How do I get the menus become fully independent -


i have project http://codepen.io/neuberfran/pen/lzeger

but when click in second menu, change first menu  how fix issue? 

<!doctype html> <html lang="en"> <head>     <meta charset="utf-8">     <link href='https://fonts.googleapis.com/css?family=roboto' rel='stylesheet' type='text/css'>     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">     <link rel="stylesheet" href="css/estilos.css">     <title>whome automatizaĆ§Ć£o</title> </head> <body>     <div class="wrap">         <div class="info">             <h1>controlando minha janela</h1>         </div>          <form action="" class="formulario">             <div class="radio">                 <h2>lado direito</h2>                 <input type="radio" name="radio" id="abrir">                 <label for="abrir">abrir</label>                  <input type="radio" name="radio" id="parar">                 <label for="parar">parar</label>                  <input type="radio" name="radio" id="fechar">                 <label for="fechar">fechar</label>             </div>         </form>          <form action="" class="formulariob">             <div class="radiob">                 <h3>lado esquerdo</h3>                 <input type="radio" name="radio" id="test">                 <label for="test">abrir</label>                   <input type="radio" name="radio" id="test1">                 <label for="test1">parar</label>                  <input type="radio" name="radio" id="test3">                 <label for="test3">fechar</label>             </div>         </form>     </div> </body> </html> 

you have change id's , labels second menu


Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)

Google AdWords and AdSense - A Dynamic Small Business Marketing Duo