1

我有一段文字说（显示地图步骤），当单击它时会向下滑动 aa div，其中包含有关与地图交互的信息。我想在 div 向下滑动后将文本更改为“隐藏地图步骤”，单击该文本后，所有内容都会备份。

它主要工作。我将“隐藏地图步骤”设置为显示：无，但您不能将其用作将所有内容向上滑动的链接。

这是我正在使用的代码：

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

stepsUpLink 会显示自己，但不能单击以将 div 向上滑动。

这是我的 jsfiddle 链接：http: //jsfiddle.net/ltdesign/5b6XS/

有什么帮助吗？谢谢！

4

4 回答 4

2

将您的第一行更改为：
$(".stepsLink, .stepsUpLink").click(function () {

于 2013-05-02T23:10:53.163 回答
0 
$(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>');
            });
        }                 
      });
});

工作演示

于 2013-05-02T23:09:41.907 回答
0

您只有click在 stepsLink 跨度上的事件，而不是在 stepsUpLink 之一上 - 它不处理点击。

于 2013-05-02T23:12:12.280 回答
0

@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");
    }
  });
于 2013-05-02T23:15:02.020 回答