클릭이벤트 관련질문입니다. 채택완료
배열로 넘어오는 최신글에 관하여 원글을 클릭시 원글에 대한 답변글을 나오게 하고싶은 슬라이드를
만들려고 하는데 계속 한부분이 걸려서 넘어가질않습니다 ㅜ
원글을 클릭 시 해당하는 부분의 답변만 넘어와야 하는데 모든 답변이 다 나오네요 ㅜㅜ
하나하나 따로 나오게하는 방법이 있을까요 ? ㅜ 고수분들 부탁드립니다 ㅜ
밑에는 latest.skin 소스입니다.
-
";
// 원글 옆의 답글 링크 부분
// 관리자로 로그인 시 보여지게 셋팅
if($is_admin) {
if(!$list[$i]['wr_reply'])
echo " ".$list[$i]['subject']."추가+━";
} else {
if(!$list[$i]['wr_reply'])
echo " ".$list[$i]['subject']."+━";
}
echo "";
?>
- ".$list[$i]['icon_reply']." "; echo $list[$i]['subject'].""; echo "추가"; } echo ""; ?> "; } //if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new']; if (isset($list[$i]['icon_hot'])) echo " " . $list[$i]['icon_hot']; //if (isset($list[$i]['icon_file'])) echo " " . $list[$i]['icon_file']; if (isset($list[$i]['icon_link'])) echo " " . $list[$i]['icon_link']; if (isset($list[$i]['icon_secret'])) echo " " . $list[$i]['icon_secret']; ?>
- 게시물이 없습니다.
스크립트 소스입니다.
$(function (){ $('.lt ul li a').hide(); //$('.latest_re').hide(); //$('.second_re').hide(); $('.latest_list_m').hide(); var latest_list_p = $('.latest_list_p'); var latest_list_m = $('.latest_list_m'); var latest_re = $('.latest_re'); latest_list_p.click(function(){ $('.lt ul li a').css("display", "inline"); //$('.latest_re').slideDown(); //$('.second_re').slideDown(); $('.latest_list_p').hide(); $('.latest_list_m').show(); }); latest_list_m.click(function(){ $('.lt ul li a').hide(); //$('.latest_re').slideUp(); //$('.second_re').slideUp(); $('.latest_list_p').show(); $('.latest_list_m').hide(); }) });
답변 1개
배열로 돌아가면서 모두 같은 class 를 사용하기에 문제되시는것 같습니다.
선택하는 부분에 대해 개별적으로 인식하게끔 작업하시던지
다른방법을 찾아보셔야 할것 같습니다.
답변에 대한 댓글 5개
저의 경우 id 에 번호를 매기거나 data-row 속성을 하나 추가해서 각 선택자마다 순서 또는 키(?)를 부여하고
클릭시 해당 번호 또는 키값에 의해 숨겨진 특정 부분을 보이게끔 처리합니다.
$(".left_side_menu_table_td").hover(
function(){
$(".left_side_sub_menu").each(function(){
$(this).hide();
});
$(".left_side_menu_table_td").each(function(){
$(this).css("background","#3d4047");
});
if($(this).attr("data-row")){
$("#left_side_menu_sub_"+$(this).attr("data-row")).show();
$(this).css({"background":"#1c5ecb"});
}
}
);
[/code]
제가 썻던 코드입니다.
도움이 되었으면 좋겠네요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인