Bir div'in Sağ Üst Köşesine O div'i Kapatmak İçin Çarpı Butonu Koyma

07-05-2020, 19:39:20

Arkadaşlar sitemin en altında bir duyuru açtım fakat onun her zaman orada durmasını istemiyorum bunun için oraya bir çarpı butonu koymam o duyuruyu göstermemek adına, lazım bunu nasıl yapabilirim?

07-05-2020, 19:47:32

#2

Rayjon32

Madebodom adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar sitemin en altında bir duyuru açtım fakat onun her zaman orada durmasını istemiyorum bunun için oraya bir çarpı butonu koymam o duyuruyu göstermemek adına, lazım bunu nasıl yapabilirim?

sanırım size şöyle bir şey lazım;

<div id="rayjon32">
<div id="baslik">
<div id="kucult">-</div>
</div>
<div id="kutu">
</div>
</div>

#rayjon32{
width:400px;
border:solid 1px;
}

#baslik{
background: #FEFEFE;
height: 25px;
width: 100%;
}
#kucult{
border:solid 1px;
width: 25px;
height: 23px;
float:right;
cursor:pointer;
}
#kutu{
height: 250px;
background: #DFDFDF;
}

$("#kucult").click(function(){
if($(this).html() == "-"){
$(this).html("+");
}
else{
$(this).html("-");
}
$("#kutu").slideToggle();
});

gerekli kodları kendinize göre uyarlayın. Hata olabilir, fikir oluşturması amacıyla paylaşılmıştır.

07-05-2020, 19:54:07

#3

Madebodom

Rayjon32 adlı üyeden alıntı: mesajı görüntüle

sanırım size şöyle bir şey lazım;

<div id="rayjon32">
<div id="baslik">
<div id="kucult">-</div>
</div>
<div id="kutu">
</div>
</div>

#rayjon32{
width:400px;
border:solid 1px;
}

#baslik{
background: #FEFEFE;
height: 25px;
width: 100%;
}
#kucult{
border:solid 1px;
width: 25px;
height: 23px;
float:right;
cursor:pointer;
}
#kutu{
height: 250px;
background: #DFDFDF;
}

$("#kucult").click(function(){
if($(this).html() == "-"){
$(this).html("+");
}
else{
$(this).html("-");
}
$("#kutu").slideToggle();
});

gerekli kodları kendinize göre uyarlayın. Hata olabilir, fikir oluşturması amacıyla paylaşılmıştır.

Hocam kodlar burada;

Edit: Hallettim hocam teşekkür ederim