Na de aanval van Raynald van Châtillon op een moslimkaravaan in 1187, verklaarde Saladin de jihad en begon hij een massale campagne te organiseren om de kruisvaardersstaten te elimineren. De spanningen tussen Saladin en de kruisvaarders escaleerden snel, terwijl beide partijen zich voorbereidden op een openlijke oorlog. De fragiele vrede die door een wapenstilstand had bestaan, werd verbrijzeld, en Saladin gebruikte de inval als rechtvaardiging om de moslimtroepen onder zijn vlag te verenigen, waarbij hij de oorlog opvatte als een religieuze plicht om Jeruzalem terug te winnen en de kruisvaarders te verdrijven.
Saladin begon in de vroege zomer van 1187 met het verzamelen van zijn leger op de Golanhoogvlakte. Zijn doel was om de kruisvaarders tot een beslissende veldslag te dwingen in plaats van deel te nemen aan langdurige belegeringen. In juni had Saladin ongeveer 40.000 troepen verzameld, waaronder 12.000 cavalerie, waardoor het de grootste strijdmacht was waarover hij ooit het bevel had gevoerd. Ondertussen verlamde interne verdeeldheid het leiderschap van de kruisvaarders. Koning Gwijde van Lusignan, gesteund door Raynald van Châtillon en Gerard de Ridefort, leidde de hoffractie, terwijl Raymond III van Tripoli zich tegen hen verzette en pleitte voor voorzichtigheid. Het wantrouwen tussen deze facties verzwakte hun vermogen om te reageren op de groeiende dreiging van Saladin.
In mei 1187 werd de positie van de kruisvaarders verder uitgehold door een rampzalige ontmoeting. Bij de Slag bij Cresson leidde Gerard de Ridefort 150 Tempeliers en een kleine infanteriemacht om de strijd aan te gaan met de overvallers van Saladin, maar werd in een hinderlaag gelokt en vernietigd. De nederlaag verminderde niet alleen het aantal beschikbare ridders van het koninkrijk, maar verwoestte ook het moreel. Saladin volgde door aanvallen dieper in het grondgebied van de kruisvaarders te lanceren, wat verdere paniek zaaide.
In juli verhuisde Saladin om Tiberias te belegeren, een strategisch fort dat in handen was van Raymonds vrouw, Eschiva van Bures. Hoewel Raymond persoonlijk de controle had over de stad, raadde hij af om naar de verdediging te marcheren, met het argument dat het leger van Saladin het beleg niet lang kon volhouden en dat een volledige confrontatie te gevaarlijk zou zijn. Gerard en Raynald zetten King Guy echter onder druk om in actie te komen en beschuldigden Raymond van lafheid of verraad. Tegen het advies van Raymond in besloot Guy vanuit La Saphorie te marcheren om Tiberias te ontzetten, in de hoop op een beslissende overwinning.
Kaart van de slag om Hattin. © Anoniem
Op 3 juli 1187 begon het kruisvaardersleger, dat ongeveer 20.000 man telde, aan zijn mars. Ze werden onmiddellijk lastiggevallen door Saladins schermutselaars, die hun voortgang vertraagden en verhinderden dat ze waterbronnen bereikten. Omdat hun mannen en paarden leden aan dorst en uitputting, veranderden de kruisvaarders hun koers richting de bronnen van Hattin, in de hoop hen voor het vallen van de avond te bereiken. Saladin anticipeerde op de beweging en positioneerde zijn troepen om hun pad te blokkeren.
Die nacht kampeerden de kruisvaarders nabij de Hoorns van Hattin, omringd door het leger van Saladin. De islamitische strijdkrachten hielden de druk hoog door te zingen, op drums te spelen en het droge gras in brand te steken, waardoor de kruisvaarders met rook werden verstikt. Tegen de ochtend was het kruisvaardersleger wanhopig en ongeorganiseerd. Ze probeerden meerdere aanvallen om de linies van Saladin te breken, maar werden herhaaldelijk teruggedreven. Raymond wist met een kleine troepenmacht te ontsnappen, maar de rest van het leger werd overweldigd.
Op 4 juli verpletterden de troepen van Saladin de kruisvaarders, waarbij ze de meeste van hun troepen gevangen namen of doodden. Het relikwie van het Ware Kruis werd in beslag genomen en sleutelfiguren, waaronder Koning Guy en Raynald, werden gevangengenomen. Saladin executeerde Raynald persoonlijk wegens het verbreken van de wapenstilstand, hoewel hij Guy spaarde. De nederlaag bij Hattin zorgde ervoor dat de kruisvaardersstaten weerloos waren, waardoor Saladin Jeruzalem en andere belangrijke steden snel kon veroveren.
De ineenstorting van het koninkrijk Jeruzalem na Hattin schokte het christendom en bracht paus Gregorius VIII ertoe op te roepen tot de Derde Kruistocht. Deze campagne zou leiders als Richard Leeuwenhart, Filips II van Frankrijk en Frederik Barbarossa naar het Heilige Land brengen, met als doel Jeruzalem terug te winnen en de macht van de kruisvaarders te herstellen.