Есть меню с подменю. При нажатии на + список раскрывается. Как сделать так чтобы после раскрытия вместо плюса уже был минус. Вот код:
.menu,
#go {
display: none;
}
.st {
padding: 0 20px 0 20px;
background: green;
cursor: pointer;
color: white;
}
#go:checked~.menu {
display: block;
}
<input id="go" type="checkbox" />
<label for="go" class="st">+</label>
<ul class="menu">
<li><a href="#">подпункт 1</a></li>
<li><a href="#">подпункт 2</a></li>
<li><a href="#">подпункт 3</a></li>
</ul>