Εναλλαγή κειμένου - CSS-Κόλπα

Anonim

Ας υποθέσουμε ότι έχετε έναν σύνδεσμο για να εμφανίσετε περισσότερες επιλογές που επεκτείνουν μια λίστα επιλογών. Λέει «περισσότερες επιλογές». Είναι εύκολο να αλλάξετε αυτές τις επιλογές με .toggle()ή .slideToggle(), αλλά το κείμενο παραμένει το ίδιο. Για εναλλαγή και του κειμένου…

$("#more-less-options-button").click(function() ( var txt = $("#extra-options").is(':visible') ? 'more options' : 'less options'; $("#more-less-options-button").text(txt); $("#extra-options").slideToggle(); ));

Υπάρχουν και πολλοί άλλοι τρόποι.