<!DOCTYPE html>
<html>
<head>
<style>
.dropbtn{
background-color:black;
color:white;
padding:16px;
font-size:16px;
border:none;
}
.dropdown{
position:relative;
display:inline-block;
}
.dropdown-content{
display:none;
position:absolute;
background-color:darkgrey;
min-width: 300px;
z-index:1;
}
.dropdown-contenta{
color:black;
padding:10px13px;
text-decoration:none;
display:block;
}
.dropdown-contenta:hover{background-color:black;}
.dropdown:hover.dropdown-content{display:block;}
.dropdown:hover.dropbtn{background-color:white;}
</style>
</head>
<divclass="dropdown">
<buttonclass="dropbtn">Social Media</button>
<divclass="dropdown-content">
<ahref="#">Slide 30</a>
<ahref="#">Slide 21 </a>
<ahref="#">Slide 28</a>
</div>
</div>
</body>
</html>
I want to create drop down menu in captivate for jump into slide 30,21 and 28. I try to use "web object" for html coding and how to link the slides in href"#"?