테스트 사이트 - 개발 중인 베타 버전입니다

li 슬라이드 쿼리 질문 입니다 ㅜ 채택완료

suyong6657 9년 전 조회 3,494

 echo "<a  target='iframe_show' onclick='sink(this);' class='latest_st' href=\"".$list[$i]['href']."\">";
            if(!$list[$i]['wr_reply'])
                echo "&nbsp;".$list[$i]['subject']."<a target='iframe_show' class='first_re' href='".$reply_href."'>답변</a><a class='latest_list_p'>+</a><a class='latest_list_m'>━</a>";
            echo "</a>";
             ?>
            
             <?php

            if($list[$i]['wr_reply']){
                echo "<a target='iframe_show' onclick='sink2(this)' class='latest_re'href=\"".$list[$i]['href']."\" >".$list[$i]['icon_reply']."&nbsp;&nbsp;";
                echo $list[$i]['subject']."";
                echo "</a>";
            }
            ?>

 

현재 원글을 클릭 시 원글에 대한 답변글이 세로 슬라이드로 나오게 할려고 간단하게  

원글과 답변글을 따로 출력을 하였습니다.

그래서 원글을 출력하는 list부분 뒤에 a태그로 답변이라는 것을 만들어서 class를 주어  

스크립트를 짯는데... 전부 다 열리네요 ㅜ

원글이 3개가 있다고 치고 해당 원글의 답글들이 각 2개가 있다고 치면

원글 하나를 클릭했을때 다른 원글들의 답변글도 다 열려서 총 6개가 다 열리네요..

다 열리는 이유는 알겠으나... 이것을 따로 열게하는 방법을 모르겠습니다 ㅜ

고수분들 부탁드리겠습니다 ㅜㅜ

 

밑의 소스는 간단하게나마 만든 스크립트입니다.

 

$(function (){
    $('.latest_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(){
        latest_re.slideDown();
        $('.latest_list_p').hide();
        $('.latest_list_m').show();
        $('.latest_st').css('color',"#fc9d6a");
        $('.latest_st').css('fontWeight',"bold");
    });
    latest_list_m.click(function(){
        latest_re.slideUp();
        $('.latest_list_p').show();
        $('.latest_list_m').hide();
        $('.latest_st').css('color',"#F6DFCF");
        $('.latest_st').css('fontWeight',"normal");
    })
}); 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
말러83
9년 전

</p><p><div id="article1"></p><p>  <a onclick="showDetgeul('article1')">보이기</a></p><p>  <p class="bonmun"></p></p><p>  <p class="hiddenDetgeul"></p></p><p>  <p class="hiddenDetgeul"></p></p><p></div></p><p style="font-size: 14.6667px;"><div id="article2"></p><p style="font-size: 14.6667px;">  <a onclick="showDetgeul('article2')">보이기</a></p><p style="font-size: 14.6667px;">  <p class="bonmun"></p></p><p style="font-size: 14.6667px;">  <p class="hiddenDetgeul"></p></p><p style="font-size: 14.6667px;">  <p class="hiddenDetgeul"></p></p><p style="font-size: 14.6667px;"></div></p><div>
</div><p><script></p><p>function showDetgeul(id) {</p><p>  $('#' + id + ' > .hiddenDetgeul').show();</p><p>}</p><p></script></p><div style="font-size: 14.6667px;">

이런식으로 아이디를 넘겨받는 식으로 하면 어떨까요?
아니면 클릭된 녀석의 부모 아래에 있는 댓글들만 선택하는 식으로 접근해도 될 것 같고요.
로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

s
suyong6657
9년 전
조금만 더 ... 자세히 설명해주시면 안될까여 ㅜ
s
suyong6657
9년 전
아예 ul li를 없애고 저렇게 하라는 말씀이신가요 ??
말러83
9년 전
죄송해요. 저도 개념 설명 이상으로는 해드리기가 어렵네요...

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인