I am trying to add a sidebar that apppears and dissapears with the click of a button using jQuery. But for some reason my div ".sidebarBtn2" cannot be clicked? Any idea of what i'm doing wrong?Css:\[code\].sidebar {width: 200px;height: 800px;background: red;border: 1px solid black;position: absolute;right: 0;}.sidebarBtn {text-align: center;height: 80px;width: 20px;border-top-left-radius: 30%;border-bottom-left-radius: 30%;background: orange;position: absolute;right: 198px;top: 328px;}.sidebarBtn2:hover,.sidebarBtn:hover {cursor: pointer;}.sidebarBtn2 {text-align: center;height: 80px;width: 20px;border-top-left-radius: 30%;border-bottom-left-radius: 30%;background: orange;position: absolute;right: 0px;top: 328px; }\[/code\]Html:\[code\]<!DOCTYPE html><html><head> <link rel='stylesheet' type='text/css' href='http://stackoverflow.com/questions/15480881/stylesheet.css'/></head><body> <div class="sidebarBtn"> C</br>l</br>o</br>s</br>e</br> </div> <div class="sidebar"></div> <div class="sidebarBtn2"> O</br>p</br>e</br>n</br> </div> <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> <script src="http://stackoverflow.com/questions/15480881/script.js"></script></body></html>\[/code\]Javascript\[code\]$(document).ready(function() {$(".sidebarBtn2").hide();$(".sidebarBtn").click(function() { $(".sidebarBtn").hide(); $(".sidebar").hide(); $(".sidebarBtn2").show();});$(".sidebarBtn2").click(function() { $("sidebarBtn2").hide(); $("sidebar").show(); $("sidebarBtn").show();});});\[/code\]
My second “open” button does not respond when clicked jQuery
- Thread starter drbacar
- Start date