jquery 도와주세요오.. 채택완료

    $(function(){//jQuery 준비          $('.aside_contents').eq(0).show();         $('aside > h4').eq(0).addClass('selected');         $('aside .aside_contents').click(function(){             if(){                 $(this).siblings('h4').addClass('selected');             }             else{                                  }; // if 종결         }).mouseover(function(){$(this).addClass('over');         }).mouseout(function(){$(this).removeClass('over');});     });//jQuery 종료     //-->

css

aside{width:200px;color:#444;position:fixed;z-index:9999;background-color: #212529;opacity:0.8;border-right:2px solid #eee;flex:1;padding:60px 15px 0; height:100%;} aside h4{padding:5px;font-size:20px;border-bottom:1px solid #fff;} aside h4.over{background:#2196f3;cursor:pointer;} aside h4.selected{background:#FFF ;cursor:default; height:40px;} .b2bInfo{padding:30px;} .b2bInfo_img{text-align:center; border:2px solid #fff; border-radius:10px;} .b2bInfo_img img{vertical-align:top;} .b2bInfo ul li a{color:#fff;} .aside_contents ul{width:100%;} .aside_contents ul li a{text-indent:1em;display:block;color:#fff;padding-left:20px;} .aside_contents ul li:hover{background:#2196f3;color:#fff;} .bit_wide{padding:10px;} .aside_contents{padding:10px 0;    display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;} .aside_contents ul li{padding:6px 0;}

html

이렇게있습니다..

근데

이렇게 전부 잡고 흰색백그라운드가 들어가버리네요 ㅠㅠ

그타겟의 h4만 흰색을 잡게하고싶습니다