모바일 리뷰 퍼블 수정

src/main/webapp/WEB-INF/views/mob/mypage/MypageReviewFormMob.html

@@ -58,16 +58,22 @@
 									</div>
 								</div>
 								<!-- tab_cont Start -->
-								<div id="reviewList">
+								<div class="inner">
+									<!-- 작성가능한 리뷰 div -->
+									<div class="items_group" style="display: none;" id="completeList">
+									</div>
+									<div style="display: none;" id="alreadyList">
+									</div>
 
+									<div class="btn_group" id="btnMoreDiv" style="display: none;">
+										<div><button class="btn btnIcon_more" id="btnMore">더보기</button></div>
+									</div>
+										<div class="btn_group" id="btnMore2Div" style="display: none;">
+										<div><button class="btn btnIcon_more" id="btnMore2">더보기</button></div>
+									</div>
+								
 								</div>
-								<div class="ui_foot" style="display:none;">
-									<button class="btn btnM btnIcon_more" id="btnMore"  style="width: 100%;">더보기</button>
-								</div>
-								<div class="ui_foot" style="display:none;">
-									<button class="btn btnM btnIcon_more" id="btnMore2"  style="width: 100%;">더보기</button>
-								</div>
-							<!-- // tab_cont End -->
+							    <!-- // tab_cont End -->
 							</div>
 
 						</div>
@@ -101,11 +107,11 @@
 	var fnGetAlreadyCallback = function (result) {
 			if (result.dataList2 != null && result.dataList2.length > 0) {
 				if (result.paging2.pageable.pageNo == 1){
-					$('#reviewList').html('');
+					$('#alreadyList').html('');
 				}	
 				var html = '';
 				$.each(result.dataList2, function(idx, item) {
-					html += '<div class="inner">\n'
+					html += '<div class="reviewitems">\n';
 					html += '	<div class="part_goods">\n';
 					html += '		<div class="goods_section">\n';
 					html += '			<div class="goods_detail">\n';
@@ -248,17 +254,17 @@
 					html += '			<div><button type="button" id="btn_review_delete" class="btn btn_default" onclick="fnDeleteReview('+item.reviewSq+')"><span>리뷰 삭제</span></button></div>\n';
 					html += '		</div>\n';
 					html += '	</div>\n';
-					html += '</div>\n'
+					html += '</div>\n';
 				});
 				
-				$('#reviewList').append(html);
+				$('#alreadyList').append(html);
 				if (result.paging2.pageable.totalPage > result.paging2.pageable.pageNo) {
-					$('#btnMore').parent().hide();
-					$('#btnMore2').parent().show();
+					$('#btnMoreDiv').hide();
+					$('#btnMore2Div').show();
 					$('#searchForm2 input[name=pageNo]').val(result.paging2.pageable.pageNo + 1);
 				}else{
-					$('#btnMore2').parent().hide();
-					$('#btnMore').parent().hide();
+					$('#btnMoreDiv').hide();
+					$('#btnMore2Div').hide();
 				}
 				
 			}else{
@@ -270,20 +276,18 @@
 				html += '		</p>';
 				html += '	</div>\n';
 				html += '</div>\n';
-				$('#btnMore2').parent().hide();
-				$('#btnMore').parent().hide();
-				$('#reviewList').append(html);
+				$('#btnMoreDiv').hide();
+				$('#btnMore2Div').hide();
+				$('#alreadyList').append(html);
 			}
 	}
 	
 	var fnGetCompleteCallback = function (result) {
-		
 		if (result.dataList1 != null && result.dataList1.length > 0) {
 			if (result.paging1.pageable.pageNo == 1){
-				$('#reviewList').html('');
+				$('#completeList').html('');
 			}	
-			var html =  '<div class="inner">\n';
-			html += '	<div class="part_goods">\n';
+			var html = '	<div class="part_goods">\n';
 			$.each(result.dataList1, function(idx, item) {
 				html += '		<div class="goods_section">\n';
 				html += '			<div class="goods_detail">\n';
@@ -321,13 +325,12 @@
 				html += '		</div>\n';
 			});
 			html += '	</div>\n';
-			html += '</div>\n';
-			$('#reviewList').append(html);
+			$('#completeList').append(html);
 			if (result.paging1.pageable.totalPage > result.paging1.pageable.pageNo) {
-				$('#btnMore').parent().show();
+				$('#btnMoreDiv').show();
 				$('#searchForm1 input[name=pageNo]').val(result.paging1.pageable.pageNo + 1);
 			}else{
-				$('#btnMore').parent().hide();
+				$('#btnMoreDiv').hide();
 			}
 		}else{
 			var html = '';
@@ -339,8 +342,8 @@
 			html += '	</div>\n';
 			html += '</div>\n';
 			
-			$('#reviewList').append(html);
-			$('#btnMore').parent().hide();
+			$('#completeList').append(html);
+			$('#btnMoreDiv').hide();
 		}
 	}
 	
@@ -348,9 +351,10 @@
 		$("#alreadyReview").removeClass("active");
 		$("#completeReview").addClass("active");
 		$("#check_notice").hide();
-		$('#btnMore2').hide();
-		$('#btnMore').show();
-		$('#reviewList').html('');
+		$('#btnMoreDiv').show();
+		$('#btnMore2Div').hide();
+		$("#completeList").show();
+		$("#alreadyList").hide();
 		$("#searchForm1 input[name=pageNo]").val(1);
 		fnCompleteList();
 	})
@@ -360,9 +364,10 @@
 		$("#completeReview").removeClass("active");
 		$("#alreadyReview").addClass("active");
 		$("#check_notice").show();
-		$('#btnMore').hide();
-		$('#btnMore2').show();
-		$('#reviewList').html('');
+		$('#btnMoreDiv').hide();
+		$('#btnMore2Div').show();
+		$("#alreadyList").show();
+		$("#completeList").hide();
 		$("#searchForm2 input[name=pageNo]").val(1);
 		fnAlreadyList();