高亮顯示活動的格鏈接

我試圖按照以下步驟創建一種簡單的內容框滑塊：高亮顯示活動的格鏈接

$('.boxes:not(:first)').hide(); 
    $(".links a:first").addClass("selected"); 
    $(".links a").click(function() { 
     var activeLink = $(this).attr("href"); 
     $(".links a").removeClass("selected"); 
     $(this).addClass("selected"); 
     $('.boxes').hide(); 
     $(activeLink).fadeIn(); 
});

在單擊某個元素顯示鏈接的股利和突出點擊鏈接：這工作得很好。我想實現的是展示未來股利爲你點擊活動股利和突出

我試圖做到這一點的積極DIV鏈接：

$('.boxes').click(function(){ 
    var $activeBox = $(this); 
    $('.boxes').hide(); 
    $activeBox.next().show(); 
});

我跳到下一個框（ div）點擊div，但我怎樣才能突出顯示活動的div鏈接？經驗：如果正在顯示BOX1然後突出顯示鏈接1或BOX2正在顯示然後突出顯示鏈接2等..

直播：提前http://jsfiddle.net/13mg30Lf/1/

謝謝！

來源

2014-12-20 Mar

嘗試這樣的：

$('.boxes').click(function(){ 
var $activeBox = $(this); 
$('.boxes').hide(); 
$activeBox.next().show(); 
var $activelink = $(".selected"); 
$activelink.removeClass("selected"); 
$activelink.next().addClass("selected"); 
});

的jsfiddle：http://jsfiddle.net/13mg30Lf/2/

來源

2014-12-20 20:04:33 cari

更短和可重用的代碼：

$('.boxes').click(function(){ 
     var $activeBox = $(this); 
     $(".links a[href=#"+$activeBox.next().attr('id')+"]").click(); 

    });

來源

2014-12-20 20:30:38

高亮顯示活動的格鏈接

回答

相關問題