Несколько onclicks на том же div

Question

Я пытаюсь добавить вторую функцию onclick к моему элементу, но пока что безуспешно, попробовал с различными разделителями, такими же цитатами и такими, но пока не работает.

Это код:

<a title="course" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'};" onclick="if(document.getElementById('nav-res') .style.display=='block') {document.getElementById('nav-res') .style.display='none'};">Course</a> 

Может кто-нибудь указать на то, что я делаю не так? Большое спасибо

Answer 1

Вы не можете добавить несколько сообщений onclick.
Вам нужно добавить точку с запятой (;) между командами.

<a href="#" onclick="alert('this is command 1'); alert('this is command 2');">click me</a> 
//---------------------------------------------^---------------------------^ 

Однако я не сделал бы этого так, как вы это делаете.
Я бы сделал отдельную функцию, которая делает все, что вы пытаетесь сделать.
Неправильно использовать все в html (inline).

Я хотел бы сделать это следующим образом:

<a id="" onclick="clickme()"> 
<script> 
    function clickme() { 
     // action 1 
     if(document.getElementById('spoiler').style.display=='none'){ 
      document.getElementById('spoiler').style.display=''; 
     } 
     else{ 
      document.getElementById('spoiler').style.display='none'; 
     }; 
     // action 2 
     if(document.getElementById('nav-res').style.display=='block'){ 
      document.getElementById('nav-res') .style.display='none'; 
     } 
    } 
</script> 

Answer 2

Я призываю вас, чтобы попытаться с помощью слушателей событий:

<a href='#' id='mytag'> 

, а затем:

<script> 
    document.getElementById('mytag').addEventListener("click", function(){ 
    alert(1) 
    }, false); 

    document.getElementById('mytag').addEventListener("click", function(){ 
    alert(2) 
    }, false); 
</script> 

или с JQuery:

<script> 
    $('#mytag').click(function(){ alert(1) }) 
    $('#mytag').click(function(){ alert(2) }) 
</script>