>

이 링크를 확인하십시오 https://jsfiddle.net/bhargavjoshi/sL8f6bkr/3/

설정을 시도하고 있습니다. 계속 읽기를 클릭하고 블록 표시를 클릭하여 블록을 닫아 블록을여십시오.

지금 정상적으로 작동하지만 문제는 예를 들어 두 블록을 열 때입니다. 1과 2 지점이 열려 있고 1 번 지점보다 적게 표시를 클릭하면 첫 번째 블록이 닫히지 만 2 번 블록을 계속 읽으려면 show less 상태가 변경됩니다.

Show less를 클릭하면 해당 블록 만 닫을 수 있습니다.

고급 감사합니다. 이 문제를 도와주세요

jQuery(".show-slide-wrp").on("click", function(event){
    event.preventDefault();
    var slidindWrp = jQuery(this).data("slide");
    console.log(slidindWrp);
    jQuery(slidindWrp).slideDown();
    jQuery(this).hide();
});

jQuery(".hide-slide-wrp").on("click", function(event){
    event.preventDefault();
    var $this = jQuery(this);
    var closeDiv = $this.closest(".sliding-wrp");
    jQuery(".show-slide-wrp").show();
    closeDiv.slideUp();
    jQuery('html, body').animate({
        scrollTop: closeDiv.offset().top - 300
    }, 500);
});
// scoll by id
jQuery(".contenttable a").click(function(event) {
    event.preventDefault();
    var $this = jQuery(this);
    var getScrollId = $this.attr("href");  
    console.log(getScrollId);
   jQuery('html, body').animate({
        scrollTop: jQuery(getScrollId).offset().top
    }, 500);
});

  • 답변 # 1

    문제는 여기 있습니다 :

       jQuery(".hide-slide-wrp").on("click", function(event){
        event.preventDefault();
        var $this = jQuery(this);
        var closeDiv = $this.closest(".sliding-wrp");
        jQuery(".show-slide-wrp").show(); // You show all "Keep reading" occurences
        closeDiv.slideUp();
        jQuery('html, body').animate({
            scrollTop: closeDiv.offset().top - 300
        }, 500);
    });
    //you could put a data-target on theses elements :
    <div class="hide-slide-wrp" data-target=".sliding7"><a>Show less</a></div>
    
    

    수정 : 펜 만들기 : 페이지가 정적 html처럼 보일 때 데이터 타겟과 같이 HTML에 속성을 수동으로 추가하지 않기 위해 사용자가 클릭 할 때 데이터 표시를 "덜 표시"링크에 추가합니다 "계속 읽고"링크를 클릭하십시오. 그런 다음 "Show less"링크를 클릭하면 어떤 "read reading"링크를 숨길 지 알고 있습니다 무슨 말인지 알겠 니?

    먼저 : "계속 읽기"를 클릭하면 오른쪽 닫는 태그에 데이터 대상 속성을 추가하십시오.

    var $closingTag = $(this).closest(".benefixbox").find(".hide-slide-wrp");
    
    

    두 번째 : 닫는 태그를 클릭 할 때 : "계속 읽기"태그를 숨기십시오 :

    var dataTarget = $(this).data("target");// here is my target : keep reading
        jQuery("[data-slide='"+dataTarget+"']").show(); // we show the link keep reading again because we know what its data-slide is
    
    

관련 자료

  • 이전 필적 할 수없는 대괄호 Perl 정규식
  • 다음 dataframe - R에서 열 선택