2016-11-18 150 views
0

如何隐藏和显示李attrribute如果我点击另一个HTML隐藏和显示李属性与JavaScript

这里的HTML

<li id="editroutes"> 
     <a class="navbar-brand-name" href="/home/update"> 
      <img class="img-responsive showimage" src="/p/image/edit_icon.png">Edit 
     </a> 
    </li> 
    <li id="doneroutes"> 
     <a class="navbar-brand-name" href="/home"> 
      <img class="img-responsive hideimage" src="/p/image/cross_check.png">Done 
     </a> 
    </li> 

和我不知道如何得到这个如果我婉功能,单击编辑所以列表编辑将隐藏,它会显示在其他HTML完成的列表,以便任何援助将不胜感激

+3

另一个HTML意味着另一页? – prasanth

+0

是的另一页先生 –

+0

所以你想要的行为,点击页面,在另一页发生的事情?这是简单的HTML和JavaScript不可能的 – GiuServ

回答

0

你可以做这样的事情:

$('#editButton').click(function() { 
    $('#editroutes').toggle(); 
    $('#doneroutes').toggle(); 
}); 
0

无法理解another HTML的含义。但是,如果你想隐藏和显示<li>上的链接的点击,你可以试试这个

$(document).ready(function() { 
 
    $("#editroutes").click(function(){ 
 
    $("#editroutes").hide(); 
 
    $("#doneroutes").show(); 
 
    }); 
 
    $("#doneroutes").click(function(){ 
 
    $("#doneroutes").hide(); 
 
    $("#editroutes").show(); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li id="editroutes"> 
 
    <a class="navbar-brand-name" href="/home/update"> 
 
     <img class="img-responsive showimage" src="/p/image/edit_icon.png">Edit 
 
    </a> 
 
</li> 
 
<li id="doneroutes"> 
 
    <a class="navbar-brand-name" href="/home"> 
 
     <img class="img-responsive hideimage" src="/p/image/cross_check.png">Done 
 
    </a> 
 
</li>