How do I link to external website by clicking on one of my tabs?
]]>I want to add a +/- sub-text to the toggle title, is this possible? (I’ve removed the background styling so I need a way to indicate to the user that they need to click to see more info.)
If not is there a way to wrap the toggle title with a link and class so i can apply hover css.
Thank you in advance
]]>.toggle_title {
background: #F5F5F5;
border: 1px solid #DEDEDE;
line-height: 1em;
color: #5e6069;
cursor: pointer;
padding: 1em;
margin: 0 0 1.5em 0;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
width: 100%;
}
.toggle_active {
background: #F5F5F5;
border: 1px solid #DEDEDE;
width: 100%;
margin: 0;
}
.toggle_content {
background: #F5F5F5;
color: #515151;
border-left: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
border-right: 1px solid #DEDEDE;
overflow: auto;
margin: 0 0 1.5em 0;
padding: 1em;
width: 100%;
}Works great. But I want to define if a toggle is shown as open.
Right now my shortcode looks like this:
[toggle title=”Toggle Title” open=”yes”]
#Content#
[/toggle]