저는 최근에 jQuery를 배웠습니다. 제가하고 싶은 일들 대부분을 성취 할 수 있지만, 나는 아마도 코드와 라인을 낭비하고 업데이트를 지나치게 많이 만들었을 것입니다. 나는 그것이 스스로 가르치는 과정의 일부라고 생각합니다. 그것은 제가 스스로 배운 모든 것에 대해 저에게 일어났습니다. 시간이 흐르면서 작업을 최적화 할 수 있었지만, 처음에는 추악한 물건을 만들고 많은 시간을 낭비했습니다.이 프로젝트에 접근하는 방법은 무엇입니까?
나는 코드 스 니펫을 여기에서 요구하지 않고있다. 나는 내 자신을 알아낼 수 있다고 생각한다. 그리고 학습 과정의 한 단계로서, 나는이 작은 프로젝트에 어떻게 접근해야하는지 알고 싶다. 염두에두고 jQuery 코더 마인드를 만들 수 있습니다.
나는 래퍼 내부에 오버플로가 숨겨진 슬라이더가있는 100 % 화면 너비 래퍼를 가지고 있으며 슬라이더 안에는 250 * 150 개의 상자가 많이 있습니다.
각 상자를 클릭 할 때마다 콘텐츠가 표시되고 이전에 열린 상자가 닫히고 거의 꼬임이없는 아코디언 시스템과 비슷합니다.
열기 상자는 항상 왼쪽에 = 250 픽셀 위치이므로 상자 3을 클릭하면 슬라이더가 왼쪽으로 이동합니다 (-500 픽셀).
이제 할 수는 있지만 문제는 내가 할 수있는 방법입니다. 업데이트하는 것이 악몽 일 것입니다. 그래서 질문은 여기 있습니다 : 어떻게이 프로젝트에 접근하겠습니까?
먼저 변수를 만들겠습니까? 아마도 그것이 닫혔거나 열렸는지 식별하는 사람일까요? 각 div에 번호를 매기므로 왼쪽 위치에 애니메이션을 적용 할 때 250을 곱할 수 있습니까? 자식 선택자를 사용하고 무엇을 사용하지 않습니까?
누군가가 나를 도울 수 있기를 바랍니다. 미리 감사드립니다.