카테고리 펼침 버튼 추가

통째로 동작 모습

통째로

카테고리 버튼 추가 안 한 버전

hidden

버튼 따로 동작 모습

버튼 따로 동작

anchor tag와 category open btn 따로

<script> $('.tt_category ul.sub_category_list').prev().after('<button type="button" id="category_btn" onclick="category_btn_click();" value="+">'); $(".tt_category #category_btn").click(function() { if ($(this).val() == "+") { $(this).val("−"); $(this).css('transform', 'rotate(90deg)') } else { $(this).val("+"); $(this).css('transform', 'rotate(0deg)') }; $(this).next("ul.sub_category_list").toggle(); }) </script> .list_cate button#category_btn{float:right;width:40px;height:40px;background:none;border:none;margin:5px 21px 0 0; transform: rotate(0deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .list_cate button#category_btn:after{font-family:FontAwesome;content:"\f105";font-size:16px;color:#fff;font-weight:900}

카테고리 펼침 버튼 추가.txt