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

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

手風(fēng)琴無(wú)法正常打開(kāi)

手風(fēng)琴無(wú)法正常打開(kāi)

慕姐4208626 2023-09-21 14:18:32
我有這個(gè)手風(fēng)琴。除了打不開(kāi),一切都好。當(dāng)我按其中一個(gè)時(shí),它會(huì)同時(shí)打開(kāi)兩個(gè)。我需要打開(kāi)我單擊的那個(gè),當(dāng)我單擊第二個(gè)時(shí),我想先隱藏。需要讓它切換當(dāng)我將 display:flex 更改為列時(shí),它可以正常工作,但在行中,它會(huì)在單擊時(shí)打開(kāi)。我不明白其背后的邏輯是什么。  $(document).ready(function(){  $('.accordion-list > li > .answer').hide();      $('.accordion-list > li').click(function() {    if ($(this).hasClass("active")) {      $(this).removeClass("active").find(".answer").slideUp();    } else {      $(".accordion-list > li.active .answer").slideUp();      $(".accordion-list > li.active").removeClass("active");      $(this).addClass("active").find(".answer").slideDown();    }    return false;  });  });ul.accordion-list {    position: relative;    display: flex;    flex-direction: row;    width: 100%;    height: auto;    padding: 20px;    margin: 0;    list-style: none;    background-color: #f9f9fa;  }  ul.accordion-list li {    position: relative;    display: block;    width: 100%;    height: auto;    background-color: #F36F20;    padding: 20px;    margin: 0 auto 15px auto;    border: 1px solid #eee;    border-radius: 5px;    cursor: pointer;    color: #fff;  }  ul.accordion-list li.active h3:after {    transform: rotate(45deg);  }  ul.accordion-list li h3 {    font-weight: 700;    position: relative;    display: block;    width: 100%;    height: auto;    padding: 0 0 0 0;    margin: 0;    font-size: 15px;    letter-spacing: 0.01em;    cursor: pointer;  }  ul.accordion-list li div.answer {    position: relative;    display: block;    width: 100%;    height: auto;    margin: 0;    padding: 0;    cursor: pointer;  }  ul.accordion-list li div.answer p {    position: relative;    display: block;    font-weight: 300;    padding: 10px 0 0 0;    cursor: pointer;    line-height: 150%;    margin: 0 0 15px 0;    font-size: 14px;  }  
查看完整描述

3 回答

?
飲歌長(zhǎng)嘯

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

這不是 jQuery 問(wèn)題,而是 CSS 問(wèn)題。

我一直在 JSFiddle 中進(jìn)行實(shí)驗(yàn),并將 LI 的高度從 auto 更改為 min-content 似乎有效:

height: min-content;

https://jsfiddle.net/6w9j84rm/

禁用 jQuery 代碼可以清楚地看到效果。


查看完整回答
反對(duì) 回復(fù) 2023-09-21
?
開(kāi)滿天機(jī)

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

這是一個(gè) CSS 問(wèn)題。父級(jí)是 flex,這就是為什么當(dāng)設(shè)置為 li 時(shí)它會(huì)將所有可用空間提供給 li auto。只需將 li 的高度設(shè)置為fit-contentor min-contentor max-content

ul.accordion-list li {
  height: fit-content;
}



查看完整回答
反對(duì) 回復(fù) 2023-09-21
?
HUH函數(shù)

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

margin-bottom: auto設(shè)定規(guī)則ul.accordion-list li。該規(guī)則具有極好的跨瀏覽器兼容性!


而且效果很好。


應(yīng)該是這樣的:


ul.accordion-list li {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    background-color: #F36F20;

    padding: 20px;

    margin: 0 auto 15px auto;

    border: 1px solid #eee;

    border-radius: 5px;

    cursor: pointer;

    color: #fff;


    margin-bottom: auto;

}


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

添加回答

舉報(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)