Expandieren und reduzieren mit css
Ich habe in Jquery eine Funktion erstellt, um den Inhalt eines div zu erweitern und zu reduzieren. Jetzt möchte ich es nur mit CSS machen und auch ein Bild eines Pfeils verwenden, wie diese
View LivejsFiddle
Ich möchte auch alle diese Tags entfernen und nur das div und den Inhalt behalten
Hier ist der Code, den ich bisher habe.
<div class='showHide'>
<span class='expand'><span id="changeArrow">↑</span>Line expand and collapse</span>
<fieldset id="fdstLorem">Lorem ipsum...</fieldset>
</div>
$(document).ready(function () {
$('.showHide>span').click(function () {
$(this).next().slideToggle("slow");
return false;
});
$(".showHide>span").toggle(function () {
$(this).children("#changeArrow").text("↓");
}, function () {
$(this).children("#changeArrow").text("↑");
});
});