target pseudo class not working in Dreamweaver
Hi Folks,
I'm trying to use the target pseudo class to open/close a menu and I find that, while the code works in Firefox (version 64), it doesn't work in Dreamweaver (2018) itself. I've done a community search and see no discussion of this so I'm left thinking it's a problem with my coding, but I can't find it.
Thanks for any help/insight you can provide!
Here is my simple test: (this works on CodePen)
<style>
#bttnBox {
width:100px;
height:100px;
border: 1px solid black;
position: relative;
}
#openBttn {
position: absolute;
width:50px;
height:50px;
top:0px;
left:0px;
background-color:orange;
}
#closeBttn {
position: absolute;
width:50px;
height:50px;
top:0px;
right:0px;
background-color:aqua;
display:none;
}
#closeBttn:target {
display: block;
}
</style>
<body>
<div id="bttnBox">
<div><a href="#closeBttn" id="openBttn"></a></div>
<div><a href="#body" id="closeBttn"></a></div>
</div>
</body>
In my attempts to do this I've also transferred code for this function (menu opening) to Dreamweaver and it also doesn't work, though it works in the browser.
AdChoices