Hallo,
hier ist mein Code:
Code
- var toggle = true;
- function doNotToggle() {
- toggle = false;
- }
- var works = document.querySelector('#works');
- var cross_one = document.querySelector('#cross_one');
- var works_navigation = document.querySelector('#works_navigation');
- works.addEventListener('click', function (event) {
- if (toggle) {
- if (cross_one.style.display == "") {
- cross_one.style.display = "none";
- works_navigation.style.display = "block";
- } else {
- cross_one.style.display = "";
- works_navigation.style.display = "none";
- }
- }
- });
Dieser bewirkt eine Toggle-Funktion, wenn eine SVG-Grafik angeklickt wird. Wenn ein Link innerhalb der SVG-Grafik angeklickt wird, wird die Toggle-Funktion komplett gestoppt, auch wenn man außerhalb des Links, die SVG-Grafik anklickt. Ich möchte aber, dass der Toggle nur zu dem Zeitpunkt gestoppt wird, wenn der Link angeklickt wird. Wenn ein anderer Bereich der SVG-Grafik angeklickt wird, soll die Toggle-Funktion weiterhin bestehen.
Kann mir da jemand helfen?
Danke!