при нажатии на ссылку появляется блок
в общем есть две ссылки, назовем их 1 и 2......при нажатии на них блоки появляются и исчезают, то есть если нажать на ссылку 1 то появится блок, если еще раз на нее нажать то этот блок пропадет.....то же самое и со ссылкой 2, если на две ссылки нажать то два блока появляются......в общем как такую штуку замутить?
|
можно с помощью http://api.jquery.com/toggle/
|
Вот решил на чистом javascript:
<html> <head> <title>linksShowBlocks.html</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <style type="text/css"> .popDiv { border: 1px solid #000; width: 200px; height: 100px; } </style> </head> <body> <a id="link1">Ссылка1</a> <a id="link2">Ссылка2</a> <script> var li1=document.getElementById("link1"); var li2=document.getElementById("link2"); li1.onclick=li2.onclick=function() { if(!this.state) { this.state=true; var div=document.createElement("DIV"); div.innerHTML=this.innerHTML; div.className="popDiv"; this.div=div; document.body.appendChild(div); } else { this.state=false; document.body.removeChild(this.div); } } </script> </body> </html> |
вот решил на грязном, для сравнения http://codepen.io/anon/pen/BKwJo
|
| Часовой пояс GMT +3, время: 04:53. |