클래스명의 일부를 토글하는 방법?
본문
<li>
<i class="fa fa-folder-open fa-lg" aria-hidden="true"></i>
<li>
li 요소를 클릭하면
저 위의 갈색 부분이 토글로 사라졌다 나타났다 하려는데,
어떻게 하는지?
※ 전제: li가 for 반복문으로 여러 개 생성되어 있어서, 해당 메뉴만 바뀌어야 .....
attr, toggleClass , addClass, removeClass 등 명령어 경우엔,
제가 원하는 걸 할 수 없더라구요 (?)
답변 2
$(function(){
$('i.fa-folder, i.fa-folder-open').parent('li').on('click', function(){
var $element = $(this).children('i');
if($element.hasClass('fa-folder') == true){
$element.addClass('fa-folder-open').removeClass('fa-folder');
} else{
$element.addClass('fa-folder').removeClass('fa-folder-open');
}
});
});
$(function() {
$("li").on("click", function() {
$("li i").addClass("fa-folder-open");
$(this).children("i").removeClass("fa-folder-open");
});
});
이렇게 하시면 되지 않을까요?
!-->
답변을 작성하시기 전에 로그인 해주세요.