Stimuli-responsive supramolecular gels and metallogels have been widely explored in the past decade, but the fabrication of metallogels with reversible photoresponsive properties remains largely unexplored. In this study, we report the construction of photoresponsive hybrid zinc-based metallohydrogel systems coassembled from an imidazole functionalized phenylalanine derivative gelator (ImF) and carboxylic acid functionalized arylazopyrazole (AzoPz) molecular photoswitches in the presence of Zn2+ ions. Unlike traditional covalent conjugation, noncovalent introduction of small molecular switches into the gel matrix provides a convenient route to generate photoresponsive functional materials with tunable properties and expands the scope of optically controlled molecular self-assemblies. It has been found that the carboxylic acid functionalized AzoPz derivatives alone or mixed with the ImF moiety could not self-assemble to form any gels. However, in the presence of Zn2+ ions they readily formed the coassembled hybrid metallogels in an alkaline aqueous solution with various morphologies. These results suggest that the gelation process was triggered by the Zn2+ ions. In addition, the ImF gelator shows specific response to Zn2+ ions only. The presence of the AzoPz moiety in the gel matrix makes the metallogel coassemblies photoresponsive and the reversible gel-to-sol phase transition was studied by UV-vis spectroscopy. The gels showed a slow reversible light-induced gel-to-sol phase transition under UV (λ = 365 nm) and then sol-to-gel transition by green light (λ = 530) irradiation resulting in the reformation of the original gel state. The morphology and viscoelastic properties of the fibrillar opaque metallogels have been characterized by transmission electron microscopy (TEM) and rheological measurement, respectively.