Question

我想知道这是否可能，如果是的话，我会怎么做。

我有一个名为services的页面，其中列出了不同的服务。问题是，所有这些服务都隐藏在页面加载上，只显示是否单击了选项卡。要查看此内容，请点击here。

让我们说我有一个页脚在页脚中列出的服务。像这样：

服务1

服务2

服务3

如果有人点击了服务二，我希望链接能够将它们带到我的服务页面，并在页面加载时显示两个部分，同时仍然隐藏所有其他服务。

这是显示/隐藏我的不同服务的JavaScript。

$('.service-tab-block').click(function() {
    $('.service-tab-block').css({"background":"purple" , "color" : "#000"});
    $(this).css({"background":"#000", "color":"#FFF"});

    //To get the service display box to show
    var item_number = $(this).attr('id').replace('service_tab', '');
    $('#service-display-box').show();
     $('html, body').animate({
    scrollTop: $("#service-display-box").offset().top
  }, 1500);
    $('#service'+item_number).show().siblings().hide();
    $('#service-top').show();
})

那么，是否可以点击链接并转到我的页面并显示特定服务及其所在的div（位于页面顶部）？

链接到页面上的特定部分

0 个答案: