Html ve css kullanarak aç / kapa düğmesi oluşturmak istiyorum. Bunu üzerine tıkladığınızda , itti içinde kalmasını ve üzerine tekrar tıkladığınızda çıkıyor daha çok istiyorum.

Eğer sadece css kullanarak bunu yapmanın imkanı yok. Bir yol yapmak için jQuery kullanan var mı?

Semantik iyi şekilde kontrol olup olmadığını checkbox kullanmak ve farklı şekillerde tarzı olacaktır. Ama iyi şekilde yapmak için vardır. Ekstra span, div ekstra eklemek zorunda, ve gerçekten güzel görünmek için bazı javascript ekleyin.

En iyi çözüm düğmesine iki farklı durum için iki stil ve arka plan küçük bir WordPress kullanmak fonksiyon bir görüntü kullanmaktır. Yukarı/Aşağı bir etkisi sınırları tarafından verilen örnek:

HTML

<a id="button" title="button">Press Me</a>

CSS

a {
    background: #ccc;
    cursor: pointer;
    border-top: solid 2px #eaeaea;
    border-left: solid 2px #eaeaea;
    border-bottom: solid 2px #777;
    border-right: solid 2px #777;
    padding: 5px 5px;   	
    }

a.down {
    background: #bbb;
    border-top: solid 2px #777;
    border-left: solid 2px #777;
    border-bottom:solid 2px  #eaeaea;
    border-right: solid 2px #eaeaea;
    }

Bir WordPress kullanmak

$(document).ready(function(){
    $('a#button').click(function(){
        $(this).toggleClass("down");
    });
});

Belli ki, Yukarı düğmesi rapresent arka plan resim ekleme ve arka plan rengi saydam yapabilirsiniz.