Question

The code below is working, but with a problem I do not understand. When I click on first navigation link it is showing the div, this is what I want, but when I click on another nav link it does show the next div as expected but I need for the previous div(s) to hide. any help is appreciated.

比如,如果这不是被点击的暗中线。我想。

$(document).ready(function(){

  $( #navigation a ).click(function (selected) {

    var getName = $(this).attr("id");
    var projectImages = $(this).attr("name");

    //console.log(getName);
    //console.log(projectImages);

    $(function() {     
      $("#" + projectImages ).show("normal");
    });
  });
});

Answer 1

你可以尝试为你所展示的四分之一添加一栏,然后在你显示新的四分五裂时,将有关内容藏匿起来。与此类似:

$(document).ready(function(){ 

  $( #navigation a ).click(function (selected) { 

    var getName = $(this).attr("id"); 
    var projectImages = $(this).attr("name");

    $(function() {      
      $(".current").hide().removeClass("current");
      $("#" + projectImages ).show("normal").addClass("current");
    }); 
  }); 
});

Answer 2

我一般会通过将一个类别分配给一个<代码><div>,以总结所有需要隐藏的图像来实现这一功能。然后,每点击,就隐藏适当的四肢,并显示你需要的东西:

$(document).ready(function(){
  $( #navigation a ).click(function (selected) {

    var getName = $(this).attr("id");
    var projectImages = $(this).attr("name");

    $( div.special_images ).hide();
    $("#" + projectImages ).show("normal");
  });
});

另外,你也没有必要总结一下你的项目。图像显示代码:

$(function() { ... });

这是你上述法典的一个捷径:

$(document).ready(function() {...});

这已经概括了你的法典。

Answer 3

如果你再次藏匿/how的分子在任何内容中都是兄弟姐妹,这将发挥作用:

$(function(){
  $( #navigation a ).click(function () {
    $("#" + $(this).attr("name")).siblings().hide().end().show("normal");
  });
});

Answer 4

at:

<ul id= navigation >
    <li><a href= #  id= nav1  name= nav1menu >Link 1</a><ul id= nav1menu >...</ul></li>
    <li><a href= #  id= nav2  name= nav2menu >Link 2</a><ul id= nav2menu >...</ul></li>
    <li><a href= #  id= nav3  name= nav3menu >Link 3</a><ul id= nav3menu >...</ul></li>
</ul>

阁下问“最后”点击,但问题结束似乎意味着所有其他人都应关闭。在这种情况下:

$(document).ready(function(){

  $( #navigation a ).click(function (selected) {

    var getName = $(this).attr("id");
    var projectImages = $(this).attr("name");

    //console.log(getName);
    //console.log(projectImages);

    $(function() {
      $( #navigation ul ).hide();
      $("#" + projectImages ).show("normal");
    });
  });
});

通知说,在我们点击之前,我们藏匿所有铀弹。

Hope that helps, Joe

Answer 5

我猜测这些潜水器是航行的一部分。追踪最后一件事打开了,然后隐藏在后面。

var = previousProjectImage = "";

$(document).ready(function(){

  $( #navigation a ).click(function (selected) {

    var getName = $(this).attr("id");
    var projectImages = $(this).attr("name");

    //console.log(getName);
    //console.log(projectImages);

    $(function() {
      if(previousProjectImage != "") {
        $("#" + previousProjectImage).hide();
      }    
      $("#" + projectImages ).show("normal");
      previousProjectImage = projectImages;
    });
  });
});

友情链接