Question

我正在构建一个自定义网格 - 这很好，但是我有一些问题要显示内容。

我想要实现的是将项目链接切换到对象。

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

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

此外，如果我点击第2项，它不会切换任何内容。

您可以在此处查看代码并直播：http://codepen.io/anon/pen/KNRBQX

我把toggle函数放在这里，但最好看看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');

 }


});

如果有人有任何高层，那就太棒了!!!

非常感谢你的帮助！

Answer 1

不知道这是否是你需要的，我把它变得非常简单，这样你就可以理解代码在做什么，并根据它构建你需要的东西:-)希望这能解决你的问题。这是demo。

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

基本上这样做是隐藏所有手风琴标签的所有“.content”元素，只有当它不可见时才显示被点击的手风琴的内容（否则它会关闭并再次打开）。

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

1 个答案: