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">&#8593;</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("↑");
    });
});

Antworten auf die Frage(3)

Ihre Antwort auf die Frage