自定義網格，在點擊打開只有一個內容

我建立一個自定義的網格 - 這是很好的，但我有一些問題需要顯示的內容。自定義網格，在點擊打開只有一個內容

我試圖做到的，是來切換項目鏈接的對象。

（我的意思是，在我的第一行中，我有項目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

自定義網格，在點擊打開只有一個內容

回答

相關問題