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