jquery를 사용하여 링크를 숨길 필요가 있습니다.

Question

클릭하면지도와 상호 작용하는 정보가 포함 된 div가 아래로 슬라이드되는 텍스트가 표시됩니다. div를 클릭 한 후 모든 슬라이드를 sldie로 슬라이드 한 다음 "hide map steps"라고 말하도록 텍스트를 변경하고 싶습니다.

대부분 작동합니다. 나는 "지도 단계 숨기기"가 표시되도록 설정했습니다 : 아무 것도 없지만 모든 것을 뒤로 밀기위한 링크로 사용할 수는 없습니다.

$(".stepsLink").click(function() { 
$(".stepsLink").hide(); 
$(".stepsUpLink").show(); 
if ($(".steps").is(":hidden")) { 
    $(".steps").slideDown("fast", "linear"); 
} else { 
    $(".steps").slideUp("fast", "linear"); 
} 
}); 

stepsUpLink 자체를 표시하지만 백업 사업부를 슬라이드 클릭 할 수 없습니다 :

여기 내가 사용하고 코드입니다. http://jsfiddle.net/ltdesign/5b6XS/

어떤 도움 :

여기 내 jsfiddle 링크입니까? 고맙습니다!

Answer 1

이 귀하의 첫 번째 라인을 변경 :
$(".stepsLink, .stepsUpLink").click(function() {

Answer 2

$(document).ready(function(){ 
    $(".stepsLink").click(function() { 
     if ($(".steps").is(":hidden")) { 
      $(".steps").slideDown("fast", "linear", function(){ 
       $(".stepsLink").html('hide map steps <i class="icon-caret-down"></i>'); 
      }); 
     } else { 
      $(".steps").slideUp("fast", "linear", function(){ 
       $(".stepsLink").html('show map steps <i class="icon-caret-down"></i>'); 
      }); 
     }     
     }); 
}); 

Working demo

Answer 3

당신 만이 아닌 stepsUpLink 하나의 stepsLink 범위에 click 이벤트를 가지고 - 그것은 클릭 처리하지 않습니다.

Answer 4

@jqueryrocks는 좋은 접근 방식을 가지고 있습니다. 단지 약간의 조정이 필요합니다. 레이블을 한 번 클릭하면 올바르게 표시되도록 쇼 숨기기를 조건으로 이동하십시오.

$(".stepsLink, .stepsUpLink").click(function() { 

    if ($(".steps").is(":hidden")) { 
     $(".stepsLink").hide(); 
     $(".stepsUpLink").show(); 
     $(".steps").slideDown("fast", "linear"); 
    } else { 
     $(".stepsUpLink").hide(); 
     $(".stepsLink").show(); 
     $(".steps").slideUp("fast", "linear"); 
    } 
    });