Саладин осадил Тверию в Восточной Галилее 3 июля 1187 года, и армия крестоносцев попыталась атаковать Айюбидов через Кафр-Кану. Узнав о походе крестоносцев, Саладин повел свою гвардию обратно в их главный лагерь в Кафр-Сабте, оставив небольшой отряд в Тверии. Имея ясный обзор армии крестоносцев, Саладин приказал аль-Музаффару Умару блокировать вход крестоносцев из Хаттина, заняв позицию около Лубьи, в то время как Кукбури и его войска были размещены на холме близ аль-Шаджары. 4 июля крестоносцы двинулись к рогам Хаттина и атаковали мусульманские войска, но были побеждены и разбиты наголову. Через четыре дня после битвы Саладин пригласил аль-Адиля присоединиться к нему в отвоевании Палестины, Галилеи и ливанского побережья. 8 июля крепость крестоносцев Акра была захвачена Саладином, в то время как его войска захватили Назарет и Саффурию; другие бригады взяли Хайфу, Кесарию, Себастию и Наблус, а аль-Адиль завоевал Мирабель и Яффу. 26 июля Саладин вернулся на побережье и принял капитуляцию Сарепты, Сидона, Бейрута и Джебля. В августе Айюбиды завоевали Рамлу, Дарум, Газу, Бейт-Джибрин и Латрун. Аскалон был взят 4 сентября. В сентябре-октябре 1187 года Айюбиды осадили Иерусалим, овладев им 2 октября после переговоров с Балианом Ибелинским.