目標股利狀態顯示/隱藏JS

好了，所以我使用的編碼在這裏的此位來顯示和隱藏在標籤交換式的基礎上一個div：http://jsfiddle.net/AXj53/4/目標股利狀態顯示/隱藏JS

jQuery('a[id^="link"]').click(function(){ 
    var vid_id = jQuery(this).attr("id").replace("link", "#testVid"); 
    jQuery('div[id^="testVid"]').hide(); 
    jQuery(vid_id).show();

我想要的狀態一個懸停和一個選定的div的狀態，但我似乎無法得到它的工作，有什麼我可以做的JS與懸停和選定的鏈接一種插入陰影？

所有幫助非常感謝。

來源

2013-02-25 mrmason

包括相關代碼到這個問題。 – 2013-02-25 10:58:06

我已經把它全部放在jsFiddle中，但是我想要改變狀態的選擇是css '.left {font-family：'helvetica_bqregular';顏色：＃666;顯示：內聯塊;寬度：145px;邊框：細實心#CCC;文本對齊：中心;背景色：#eee;邊界半徑：4PX;邊框右上角半徑：0像素;邊框右下角半徑：0像素;保證金左：13像素;邊距：9px;邊距：10px的;填充頂：5像素; padding-bottom：5px;}' – mrmason 2013-02-25 11:01:23

請修改問題並在其中放置相關代碼，而不是在評論中。 – Wez 2013-02-25 11:08:09

這可以在JS中完成，但它更容易利用CSS選擇器：active和：hover，它們不需要JS事件綁定。您還可以爲選定的項目添加CSS樣式，然後在click事件的回調中切換哪個元素獲取.selected類。

更新您的jsfiddle這裏http://jsfiddle.net/AXj53/16/添加CSS選擇器：懸停：活躍，.selected和JS元素類的轉換：

$(this).addClass('selected'); 
$(this).siblings().removeClass('selected');

來源

2013-02-25 11:26:30

目標股利狀態顯示/隱藏JS

回答

相關問題