自定义网格，在点击打开只有一个内容

我建立一个自定义的网格 - 这是很好的，但我有一些问题需要显示的内容。自定义网格，在点击打开只有一个内容

我试图做到的，是来切换项目链接的对象。

（我的意思是，在我的第一行中，我有项目A，项目B，项目C）在点击项目A时，它应该切换项目A的内容。点击项目B，切换内容的内容B，等）

现在，如果我点击第1项，就会切换第1项，第2项和第3项的同时内容。

另外，如果我点击第2项，它不会改变任何内容。

在这里你可以看到代码和生活：http://codepen.io/anon/pen/KNRBQX

我把切换功能的情况下，在这里，但更好看codepend：

//** HERE THE TOGGLE FUNCTION **/ 

$('#toggle').click(function() { 
$('.toggle').slideToggle('slow'); 
return false; 
}); 

$('#toggle').click(function() { 

$('.toggleaction').addClass('current'); 

     if($('.toggleaction').hasClass('current')){ 

    $('.hide').addClass('displayon'); 
$('img.grayscale.oui').toggleClass('color'); 

} 

}); 

/** CLOSING TOGGLE **/ 

$('#toggle-close').click(function() { 
$('.toggle').slideToggle('slow'); 
return false; 
}); 

$('#toggle-close').click(function() { 

$('.toggleaction').toggleClass('current'); 

     if($('.toggleaction').toggleClass('current')){ 

    $('.hide').toggleClass('displayon'); 
$('img.grayscale').removeClass('color'); 

} 


});

如果任何人有任何的HIGHlite，这将是美好的！

非常感谢您的帮助！

来源

2016-12-07 tibewww

不知道这是你需要什么，我做了很简单，让你可以了解代码的作用，并建立任何你需要基于这样:-)希望这能解决你的问题。这里是demo。

$('.header').click(function(){ 
    $('.content').slideUp(); 
    if($(this).next('.content').is(':hidden')){ 
     $(this).next('.content').slideDown() 
    } 
})

基本上这是什么做的是隐藏所有的手风琴标签的所有“内容”的元素和显示点击手风琴的内容，只有当它是不可见的（否则它将关闭并重新打开）。

来源

2016-12-07 15:35:19 Kymera28

嗨，谢谢你的时间。嗯，不是真的，因为我的内容是该项目的“外部”（这是为了让内容充满网格），它不会与我认为的代码一起工作。：/（小提琴似乎正常工作）。感谢您的时间，如果您有任何其他解决方案，请让我知道:) – tibewww

自定义网格，在点击打开只有一个内容

回答

相关问题