ํ‹ฐ์Šคํ† ๋ฆฌ๊ฐ€ ๋”๋ณด๊ธฐ๋ฅผ ์ˆ˜์ •ํ•ด์„œ ์˜ค๋ฅ˜ ์•„๋‹Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋„ค์š”... 

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 ์ด๋ ‡๊ฒŒ ๊ตฌ๋ถ„๋˜์–ด ์žˆ์—ˆ์Œ)

์ƒํ•˜ ๋‘˜ ๋‹ค ๋˜‘๊ฐ™์ด ์ฃผ๋Š” ๋ฐฉ๋ฒ•๋ฐ–์— ์—†์–ด์š”..^^......