Although the transition between a bilayer and an interdigitated membrane of a surfactant and lipid has been widely known for long, its mechanism remains unclear. This study reveals the transition mechanism of a cationic surfactant, dioctadecyldimethylammonium chloride (DODAC), through experiments and theoretical calculations. Experimentally, the transition from the interdigitated to bilayer structure in the gel phase of DODAC is found to be induced by adding hydrophobic molecules such as n-alkane and its derivatives. Further addition induces a different transition to another bilayer phase. Our theory, considering the competition of the electrostatic interaction between cationic headgroups and the hydrophobic interaction emerging at the alkyl-chain ends exposed to water, reproduces these two phase transitions. In addition, changes in alkyl-chain packing in the membranes at these transitions are reproduced. The underlying mechanism is that the interdigitated membrane is formed at a small additive content due to electrostatic repulsion. As the energetic disadvantage with respect to the hydrophobic interaction becomes dominant as the content increases, the transition to the bilayer occurs at a specific content. The bilayer-bilayer transition at a higher content is induced by the change in the balance of these interactions. Based on a similar concept, we suggest the mechanism of the additive-induced bilayer-interdigitated transition of phospholipids, i.e., neutrally charged (zwitterionic) surfactants.