rizwansyed Posted October 3, 2018 Share Posted October 3, 2018 Hi I have nested tabs being used. When ever i click on one tab , it is being blocked and other one also gets blocked when i click it.(as shown in image attached). <script> function openCitya(evt, cityName) { var i, tabcontenta, tablinksa; tabcontenta = document.getElementsByClassName("tabcontenta"); for (i = 0; i < tabcontenta.length; i++) { tabcontenta[i].style.display = "none"; } tablinksa = document.getElementsByClassName("tablinksa"); for (i = 0; i < tablinksa.length; i++) { tablinksa[i].className = tablinksa[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: Arial;} /* Style the tab */ .taba { overflow: hidden; border: 0px solid #fff; background-color: #f1f1f1;; } /* Style the buttons inside the tab */ .taba button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; } /* Change background color of buttons on hover */ .taba button:hover { background-color: #ddd; } /* Create an active/current tablink class */ .taba button.active { background-color: #ccc; } /* Style the tab content */ .tabcontenta { display: none; padding: 6px 12px; border: 0px solid #fff; border-top: none; } </style> <body> It is not getting release. Please suggest Thanks and Regards Rizwan Syed Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now