第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

在不使用jQuery的HTML和CSS中單擊時(shí)顯示隱藏div

在不使用jQuery的HTML和CSS中單擊時(shí)顯示隱藏div

我想要與位于此處的主題可折疊標(biāo)頭非常相似的內(nèi)容：http://jquerymobile.com/demos/1.2.0-alpha.1/docs/content/content-collapsible.html如果不使用JQuery，這可能嗎？它用于移動(dòng)網(wǎng)站，但頁(yè)面始終將處于脫機(jī)狀態(tài)，所以我真的不想使用jquery。與自定義CSS樣式相比，為jquery mobile提供自定義樣式要困難得多。
查看完整描述

3 回答

?
翻翻過(guò)去那場(chǎng)雪

TA貢獻(xiàn)2065條經(jīng)驗(yàn) 獲得超14個(gè)贊

您可以使用checkbox來(lái)通過(guò)CSS 模擬 onClick：


input[type=checkbox]:checked + p {

    display: none;

}


查看完整回答
反對(duì) 回復(fù) 2019-10-17
?
浮云間

TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超4個(gè)贊

我喜歡Roko的答案，并在其中添加了幾行，以便獲得一個(gè)三角形，該三角形在元素隱藏時(shí)指向右邊，而在元素顯示時(shí)指向下方：


.collapse { font-weight: bold; display: inline-block; }

.collapse + input:after { content: " \25b6"; display: inline-block; }

.collapse + input:checked:after { content: " \25bc"; display: inline-block; }

.collapse + input { display: inline-block; -webkit-appearance: none; -o-appearance:none; -moz-appearance:none;  }

.collapse + input + * { display: none; }

.collapse + input:checked + * { display: block; }


查看完整回答
反對(duì) 回復(fù) 2019-10-17
  • 3 回答
  • 0 關(guān)注
  • 876 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)