ํฐ์คํ ๋ฆฌ๊ฐ ๋๋ณด๊ธฐ๋ฅผ ์์ ํด์ ์ค๋ฅ ์๋ ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ค์...
css๋ง ์กฐ๊ธ ์ถ๊ฐํด์ฃผ์๋ฉด ๋ฉ๋๋ค.....
์ ๊ฐ ๋ง๋ ์คํจ ๊ธฐ์ค์ ๋๋ค
.btn_more:before {
font-family: "xeicon";
content: "\e914";
margin-right: 2px;
font-weight: bold;
}
.btn_more, .btn_less {
font-size: 11px !important;
height: unset !important;
line-height: unset !important;
margin: 0 !important;
}
.btn_less::before, .btn_more::before {
font-size: 11px !important;
vertical-align: unset !important;
}
.btn_less:before {
font-family: 'xeicon';
content: '\e91b';
margin-right: 2px;
font-weight: bold;
}
css์ ์ด๊ฑฐ ์ถ๊ฐํด์ฃผ์๋ฉด ๋ฉ๋๋ค
(์ด๋์ ๋ฃ์ด์ผ ๋ ์ง ๋ชจ๋ฅด๊ฒ ์ผ๋ฉด ๊ทธ๋ฅ css์์ ๋๋ณด๊ธฐ ์ฐพ์ ํ ๋ฐ์ ๋ถ์ฌ ๋ฃ๊ธฐ ํด์ฃผ์ธ์ ํน์ ๋ชจ๋ฅด๋๊น ์๋ ์๋ ๊ฒ๋ค์ ์์ ํ์ง ๋ง์ ์ฃผ์ธ์)
.btn_more : ๋๋ณด๊ธฐ
.btn_less : ์ ๊ธฐ
์ ๊ธฐ๋ฅผ ์์ผ๋ก ๋ฃ๋ ๋ฐ๋์..... ์ฌ๋ฐฑ์ ์ฃผ๊ณ ์ถ๋ค๋ฉด
.btn_less {
display: block;
margin: 5px 0;
}
์ด๊ฑธ ๋ฃ์ด์ฃผ์ธ์
๊ทผ๋ฐ ์์๋ ๊ตฌ๋ถ์ด ์์ด์ (์๋ moreless_top, moreless_bottom ์ด๋ ๊ฒ ๊ตฌ๋ถ๋์ด ์์์)
์ํ ๋ ๋ค ๋๊ฐ์ด ์ฃผ๋ ๋ฐฉ๋ฒ๋ฐ์ ์์ด์..^^......