jquery dynamic <tr><td>

Question

내 웹 페이지는 200 개 제품 목록을 보여줍니다. 사용자는 버튼을 사용하여 제품을 표시하거나 숨길 수 있습니다. 행당 2 개의 제품을 표시하고 싶습니다. 문제는 어떤 제품이 보여지고 있는지에 따라 제품이 왼쪽 또는 오른쪽에 있어야 할 수도 있다는 것입니다.

다음은 내가 수행하려고 시도하는 것을 설명하기위한 출발점으로 사용할 기본 JSFiddle입니다.

http://jsfiddle.net/WABqU/

Answer 1

당신은 아마 대신 테이블의 <div style="display: inline-block;">를 사용하여 더 나을 것입니다. 예를 들어, 너비를 50px으로 설정하고 컨테이너를 100px으로 설정하면 한 줄에 2 줄을 얻을 수 있습니다.

Answer 2

.hide() 대신 .css('visibility', 'hidden')을 시도하십시오.