Zwei Buttons voneinander abhängig

[stenz]

Hallo,

ich hab auf meiner Seite jeweils ein "LIKE" und ein "NOT LIKE" Button,
wenn der User auf LIKE klickt geht der Zähler um eins hoch und wenn der User auf NOT LIKE klickt geht der Zähler um eins runter.
Habe jedenfalls ein Problem, dass wenn der User zuerst auf LIKE klickt und danach auf NOT LIKE der Zähler auf 0 steht.
Habe ein Bild angehängt, so wie es gerade bei meinem Code ist, geh ich von Schritt 1 nach Schritt 2 dann nach Schritt 3.
Jedoch will ich das der User von Schritt 1 gleich zu Schritt 3 kommt. Sprich nach dem er LIKE geklickt hat, jedoch sich umentschieden hat, dass es ihm doch nicht gefällt, auf NOT LIKE klickt.
BILD http://tempim.de/picture/30363/unbenannt.png

<span class="like like_4_count">0</span>
<a class="like_button" name="like_4">LIKE</a>
<a class="right not_like_button clicked" name="like_4">NOTE LIKE</a>


                        <script>
                            $(document).ready(function(){
                                $('.like_button').click(function(){
                                    var itiraf_id = $(this).attr('name');
                                    var itiraf_count_class = itiraf_id+"_count";
                                    var itiraf_count_amount = parseInt($("."+itiraf_count_class+"").text());
                                    
                                    if($(this).is('.clicked')){
                                        itiraf_count_amount = itiraf_count_amount - 1;
                                        $("."+itiraf_count_class+"").text(itiraf_count_amount);
                                        $(this).removeClass('clicked');
                                    }else{    
                                        itiraf_count_amount = itiraf_count_amount + 1;
                                        $("."+itiraf_count_class+"").text(itiraf_count_amount);
                                        $(this).addClass('clicked');
                                    }
                                });
                                
                                $('.not_like_button').click(function(){
                                    var itiraf_id = $(this).attr('name');
                                    var itiraf_count_class = itiraf_id+"_count";
                                    var itiraf_count_amount = parseInt($("."+itiraf_count_class+"").text());
                                    
                                    alert($('.like_button').attr('name'));
                                    
                                            
                                    if($(this).is('.clicked')){
                                        itiraf_count_amount = itiraf_count_amount + 1;
                                        $("."+itiraf_count_class+"").text(itiraf_count_amount);
                                        $(this).removeClass('clicked');
                                    }else{    
                                        itiraf_count_amount = itiraf_count_amount - 1;
                                        $("."+itiraf_count_class+"").text(itiraf_count_amount);
                                        $(this).addClass('clicked');
                                    }
                                });
                            });
                        </script>

Gruß stenz

 

[agund]

Ich würde das so schreiben, dass es den status aktiv und inaktiv gibt. Wenn du drückst ändert sich der button auf den du gedrückt hast auf aktiv und in der gleichen Funktion schreibst du das der andere Button inaktiv ist.

Somit hast du nur 2 Zustände:
1 Button aktiv 2 Button inaktiv oder
2 Button aktiv 1 Button inaktiv