如何爲多個類顯示隱藏

我已經做了一個類別的代碼，所以我需要爲使用相同代碼的另一個類別做同樣的事情......可以建議使用多個類別容器的任何最短格式。如何爲多個類顯示隱藏

例如：我的符號是一類，所以我需要爲另外一類是「我的美元的

jQuery的

$('.my-symbols .show').click(function(){ 
$('.my-symbols .container').show(500); 
}); 
$('.my-symbols .hide').click(function(){ 
$('.my-symbols .container').hide(300); 
});

CSS

#charts .my-symbols{ 
width:59%; 
float:left; 
margin-left:0.5%; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
background:#666666; 
padding:0.5%; 
} 
#charts .my-symbols .show{ 
width:10px; 
height:10px; 
background:url(../../images/blockopen.png) no-repeat; 
float:right; 
/*padding:10px 10px 10px 10px;*/ 
border:none; 
top:-10px; 
padding:10px 10px 10px 10px; 
position:relative; 
} 
#charts .my-symbols .hide{ 
width:10px; 
height:10px; 
background:url(../../images/blockclose.png) no-repeat; 
position:relative; 
top:0; 
right:0; 
float:right; 
padding:10px 10px 10px 10px; 
border:none; 
} 
#charts .my-symbols .container{ 
display:none; 
position:absolute; 
padding:1%; 
background:#454545; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
z-index:1; 
}

來源

2011-12-29 user1121019

如何在您的HTML標記是什麼樣子？你可以在http://jsfiddle.net/上發佈它並向我們展示嗎？ – voigtan 2011-12-29 11:30:22

嗨請檢查它下面的鏈接.. http://jsfiddle.net/qhnNn/ – user1121019 2011-12-29 11:46:23

我做這樣的方式會建議你爲所有類別項目添加另一個類，讓它稱爲category，然後基於你提供的CSS顯示的DOM結構，我想你可以做這樣的事情：

$('.category .show').click(function(){ 
    $(this).parents(".category").find(".container").show(500); 
}); 
$('.category .hide').click(function(){ 
    $(this).parents(".category").find(".container").hide(300); 
});

編輯

補充說，使用我的例子中，有兩類小提琴： http://jsfiddle.net/coffe_e/c8Tgf/1/

來源

2011-12-29 11:45:55

請檢查下面的路徑中的代碼[http://jsfiddle.net/qhnNn/] – user1121019 2011-12-29 11:51:51

@ user1121019看我的小提琴。 – 2011-12-29 11:52:43

如何爲多個類顯示隱藏

回答

相關問題