Question

Okay,我有一页,上面有一页,有多个小块。我写了一封信,以检验这些零件中是否有任何信息。

if ($( .accred ).length) {
    $( #accred ).show();
}
else{
    $( #accred ).hide();
}    
if ($( .admin-req ).length) {
    $( #admis ).show();
}
else{
    $( #admis ).hide();
}    
if ($( .career-opp ).length) {
    $( #career ).show();
}
else{
    $( #career ).hide();
}    
if ($( .co-op-diploma ).length) {
    $( #co_op ).show();
}
else{
    $( #co_op ).hide();
}    
if ($( .prog-out ).length) {
    $( #outcomes ).show();
}
else{
    $( #outcomes ).hide();
}    
if ($( .prog-struc ).length) {
    $( #struc ).show();
}
else{
    $( #struc ).hide();
}    
if ($( .testimonials ).length) {
    $( #testimon ).show();
}
else{
    $( #testimon ).hide();
}    
if ($( .transfer ).length) {
    $( #transfer ).show();
}
else{
    $( #transfer ).hide();
}   
if ($( .tuition ).length) {
    $( #tuition ).show();
}
else{
    $( #tuition ).hide();
}

隐瞒或显示联系,使你能够点击并展示更多关于彼此的信息,因为除一外,每一滴都因违约而隐藏:
。

$(function(){
  $( #descrip ).click(function(){
     $( .prog-descrip ).show();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #accred ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).show(); 
     $( .admin-req ).hide();
 $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #admis ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).show();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #career ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).show(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #co_op ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).show(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #outcomes ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).show(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #struc ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).show(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #testimon ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).show(); 
     $( .transfer ).hide(); 
     $( .tuition ).hide(); 
  });
  $( #transfer ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).show(); 
     $( .tuition ).hide(); 
  });
  $( #tuition ).click(function(){
     $( .prog-descrip ).hide();
     $( .accred ).hide(); 
     $( .admin-req ).hide();
     $( .career-opp ).hide(); 
     $( .co-op-diploma ).hide(); 
     $( .prog-out ).hide(); 
     $( .prog-struc ).hide(); 
     $( .testimonials ).hide(); 
     $( .transfer ).hide(); 
     $( .tuition ).show(); 
  });
});

然而,客户并不喜欢这样做。他想根据更多的人口来居住。

因此,我的问题是: 我怎样把所有红 the和代码都活起来,以显示/照亮地用j或jquery来点击。我是NOT的 j或 j笑,因此,如果事实上是天真的话,我就宽大了。感谢!

http://www.ohchr.org。

请再次回答我的问题。信息动态。换言之,客户不想硬编码。

Answer 1

奥凯就是我结束的。最后,我把每一环节连接起来,而不论内容名称为何,一行是:

<a href="#tuition" class="linkeddiv" rel="tuition">Tuition and Fees</a> 
<div class="prog-descrip prog-detail" style="display: none; ">

之后,我确定了一个间隔功能,以测试该页的长度,特别是打上标记之后的特性。事实证明,如果最终用户向后纽州施加压力,那么该网页是否发生了变化。如果是的话,它将自动更新该网页至显示适当零件。

setInterval(function() {
   // parse the url
   current_url = document.location.href;
   after_hash = current_url.split( # );

   if (after_hash[1] == null) {
       if ($( .prog-descrip ).length) {
        $( .prog-detail ).hide();
        $( .prog-descrip ).show();
        $( #prog_link_block ).show();
        $( #Program_Areas-1 ).hide();
       }
   } else {
       $( .prog-detail ).hide();
       $( #Program_Areas-1 ).hide();
       $( .  + after_hash[1]).show();
   }
}, 100);

之后,我刚刚测试了他们点击的链路,并以此为基础,我打上或显示根据手法链条 link干的:

$( .linkeddiv ).each(function() {
    contentdiv = $(this).attr( rel );
    if ($( .  + contentdiv).length == 0) {
        $(this).hide();
    }
});
$( .linkeddiv ).click(function() {
    $( .prog-detail ).hide();
    contentdiv = $(this).attr( rel );
    $( .  + contentdiv).show();
});

This achieved exactly what I was looking for. Also, it added the functionality of using the back button, instead of leading to a dead link (#).

如果你希望破碎,你也可以做一些 f或幻灯。

希望有助于人们。

Answer 2

更好的解决办法,只是让你需要的所有阶层隐藏自己的阶层和使用。

Answer 3

第二节可缩短如下:

$( .accred, .admin-req, .career-opp, .co-op-diploma, .prog-out, .prog-struc,
 .testimonials, .transfer, .tuition ).hide(); 
//Show the one you want

友情链接