amanda의 공간입니다

닫혀있는 gnb형식의 홈페이지에서 서브페이지 진입 시 해당하는 gnb만 열어두기 HTML About

HTML 전문의 의사 JQuery $(document).ready(function(){ $(".div-wrap input[name='division']").change(function(){ var selectValue = $("input[name='division']:checked").val(); if(selectValue == "의사"){ $(".doctor-hide").removeClass("hide"); }else{ $(".doctor-hide").addClass("hide"); } }) })

html css .wrap:not(.slick-initialized) .con:not(:first-child){display: none;} .wrap{opacity: 0;visibility: hidden;-webkit-transition: opacity .1s ease;transition: opacity .1s ease;} .wrap.slick-initialized{opacity: 1;visibility: visible;} 참고 https://koreanmenopause.or.kr/ https://hoyashu.tistory.com/111 https://stackoverflow.com/questions/28357617/slick-js-hide-slider-until-images-have-loaded

caption 태그에 position: absolute가 들어갔을 때 safari나 chrome에서 table의 너비를 인식하지 못해 레이아웃이 깨지는 문제 발생 caption{font-size: 0;text-indent: -9999px;} position 말고 다른 방식으로 caption을 숨겨 해결 참고 https://abcdqbbq.tistory.com/97?category=843591 [html 버그] safari, chrome 등 모바일에서 table 너비 인식(width) 문제 ( 관련) pc에서는 문제가 없지만 모바일에서의 table 태그에 작성한 내용들이 내가 원하는 width값을 먹지 못하고 틀어지는 경우가 종종 있다. 과 태그를 사용해서 width 값을 줘도, css를 통해 width값..

$('li').hide().slice(0,6).show(); $('.btn-list-more').on('click',function(e){ e.preventDefault(); $('li:hidden').slice(0,3).show(); if($('li:hidden').length == 0){ } });

$('li').each(function(e){ $(this).find('input[type=checkbox]').on('click',function(e){ if($(this).is(':checked') == true){ $(this).parents('li').addClass('on'); }else{ $(this).parents('li').removeClass('on'); } }); }); '기타' 선택 시 input[type="text"] 활성화 $('input[type="checkbox"]').change(function(){ if($('input[name="etc"]').is(':checked') == true){ $('input[type="text"]').removeAttr('disabled'); ..

$('select').change(function(){ var selectValue = $(this).find('option:selected').val(); if(selectValue == 'etc'){ $(this).next('input').removeAttr('disabled'); }else{ $(this).next('input').attr('disabled', true); $(this).next('input').val(''); } })

1. object로 삽입하는 방법 (이미지 개별로 css 적용 가능) 1) html에 object로 svg 삽입 * bgimg나 img태그로 삽입 시 css 제어 불가 * 인라인으로 삽입 시 마크업 지저분해짐 2) svg 상단에 stylesheet 연결 3) path에 class 삽입해 style 적용 3-1) 링크 연결 시 svg 바로 하단에 a링크 삽입 * 참고 https://nykim.work/35 [SVG] SVG 다루기 1. SVG란? SVG는, 확장 가능한 벡터 그래픽(Scalable Vector Graphics)을 말합니다. 2차원 그래픽을 표현하기 위해 만들어진 XML파일 형식의 마크업 언어인데요, 텍스트 편집기에서 CSS나 JS로 수정이 가능하 nykim.work https://svgon..