To działa świetnie:

<style type="text/css"> 
    div
    {
    width:100px;
    height:100px;
    background:red;
    transition:width 2s;
    -moz-transition:width 2s; /* Firefox 4 */
    -webkit-transition:width 2s; /* Safari and Chrome */
    -o-transition:width 2s; /* Opera */
    }

    div:hover
    {
    width:300px;
    }
    </style>

Ale czy ktoś wie, jak to zrobić za pomocą kliknięcia zamiast najechania kursorem? I nie dotyczy JQuery?

Dzięki!