diff --git a/build/toggle-block/index.asset.php b/build/toggle-block/index.asset.php
index 5bc1026..f9ecafe 100644
--- a/build/toggle-block/index.asset.php
+++ b/build/toggle-block/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '258f20c46a12ec82d3d1');
+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-hooks', 'wp-i18n'), 'version' => '1b8472592ef953dd9320');
diff --git a/build/toggle-block/index.js b/build/toggle-block/index.js
index 23e642b..b78a411 100644
--- a/build/toggle-block/index.js
+++ b/build/toggle-block/index.js
@@ -1 +1 @@
-(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var n in o)({}).hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,o=window.wp.blocks,n=window.wp.components,l=window.wp.i18n,r=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');(0,o.registerBlockType)(r,{edit:function(o){var r=o.attributes,a=r.bodyClass,s=r.buttonText,c=r.controlsId,i=r.labelText,g=o.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(n.PanelBody,{title:(0,l.__)("Toggle settings","toggle-block")},React.createElement(n.TextControl,{label:(0,l.__)("Controls ID","toggle-block"),description:(0,l.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return g({controlsId:t})}}),React.createElement(n.TextControl,{label:(0,l.__)("Screen reader text","toggle-block"),description:(0,l.__)("Enter a description of what this toggle controls.","toggle-block"),value:i,onChange:function(t){return g({labelText:t})}}),React.createElement(n.TextControl,{label:(0,l.__)("Body class","toggle-block"),description:(0,l.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:a,onChange:function(t){return g({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,l.__)("Button text","toggle-block"),placeholder:(0,l.__)("Button text","toggle-block"),value:s,onChange:function(t){g({buttonText:t})}})))},save:function(o){var n=o.attributes,l=n.bodyClass,r=n.buttonText,a=n.controlsId,s=n.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":s,"aria-controls":a},l&&{"data-body-class":l}),r)}})})();
\ No newline at end of file
+(()=>{"use strict";function t(){return t=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)({}).hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},t.apply(null,arguments)}const e=window.wp.blockEditor,o=window.wp.blocks,r=window.wp.components,n=window.wp.i18n,l=JSON.parse('{"$schema":"https://json.schemastore.org/block.json","apiVersion":3,"name":"happyprime/toggle-block","title":"Toggle Block","category":"widgets","icon":"location","description":"Toggle button to show and hide another block.","version":"0.2.0","textdomain":"toggle-block","editorScript":"file:index.js","viewScript":["file:view.js"],"style":["file:../src/view.css"],"attributes":{"bodyClass":{"type":"string","default":""},"buttonText":{"type":"string","default":""},"controlsId":{"type":"string","default":""},"labelText":{"type":"string","default":""}},"supports":{"align":true,"alignWide":true,"anchor":true,"color":{"background":true,"enableContrastChecker":true,"text":true,"gradients":true},"defaultStylePicker":true,"dimensions":{"minHeight":true},"html":false,"position":{"sticky":false},"spacing":{"margin":true,"padding":true},"typography":{"fontSize":true,"lineHeight":true}}}');function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,r=Array(e);o<e;o++)r[o]=t[o];return r}function i(t){return i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i(t)}function c(t,e,o){return(e=function(t){var e=function(t){if("object"!=i(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var o=e.call(t,"string");if("object"!=i(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==i(e)?e:e+""}(e))in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function s(t,e){var o=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.push.apply(o,r)}return o}function u(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?s(Object(o),!0).forEach((function(e){c(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}(0,window.wp.hooks.addFilter)("blocks.registerBlockType","happyprime/add-toggle-to-navigation",(function(t,e){if("core/navigation"!==e)return t;var o,r=t.allowedBlocks||[];return u(u({},t),{},{allowedBlocks:[].concat((o=r,function(t){if(Array.isArray(t))return a(t)}(o)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(o)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var o={}.toString.call(t).slice(8,-1);return"Object"===o&&t.constructor&&(o=t.constructor.name),"Map"===o||"Set"===o?Array.from(t):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?a(t,e):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),["happyprime/toggle-block"])})}));var b={from:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("happyprime/toggle-block",{buttonText:t.label||t.title||""},e)}}],to:[{type:"block",blocks:["core/navigation-link"],transform:function(t,e){return(0,o.createBlock)("core/navigation-link",{label:t.buttonText||"",url:"#"},e)}}]};(0,o.registerBlockType)(l,{edit:function(o){var l=o.attributes,a=l.bodyClass,i=l.buttonText,c=l.controlsId,s=l.labelText,u=o.setAttributes;return React.createElement(React.Fragment,null,React.createElement(e.InspectorControls,null,React.createElement(r.PanelBody,{title:(0,n.__)("Toggle settings","toggle-block")},React.createElement(r.TextControl,{label:(0,n.__)("Controls ID","toggle-block"),description:(0,n.__)("Enter the HTML anchor ID of the element this toggle controls.","toggle-block"),value:c,onChange:function(t){return u({controlsId:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Screen reader text","toggle-block"),description:(0,n.__)("Enter a description of what this toggle controls.","toggle-block"),value:s,onChange:function(t){return u({labelText:t})}}),React.createElement(r.TextControl,{label:(0,n.__)("Body class","toggle-block"),description:(0,n.__)("Enter a class to add to the body when the toggle is active.","toggle-block"),value:a,onChange:function(t){return u({bodyClass:t})}}))),React.createElement(e.RichText,t({},(0,e.useBlockProps)(),{tagName:"span",label:(0,n.__)("Button text","toggle-block"),placeholder:(0,n.__)("Button text","toggle-block"),value:i,onChange:function(t){u({buttonText:t})}})))},save:function(o){var r=o.attributes,n=r.bodyClass,l=r.buttonText,a=r.controlsId,i=r.labelText;return React.createElement("button",t({},e.useBlockProps.save(),{"aria-label":i,"aria-controls":a},n&&{"data-body-class":n}),l)},transforms:b})})();
\ No newline at end of file
diff --git a/src/toggle-block/extend-navigation-block.js b/src/toggle-block/extend-navigation-block.js
new file mode 100644
index 0000000..f7af36d
--- /dev/null
+++ b/src/toggle-block/extend-navigation-block.js
@@ -0,0 +1,27 @@
+import { addFilter } from '@wordpress/hooks';
+
+/**
+ * Add the toggle block to the list of allowed blocks in the navigation block.
+ *
+ * @param {object} settings Settings for the navigation block.
+ * @param {string} name Name of the block.
+ * @returns {object} Settings for the navigation block.
+ */
+function addToggleBlockToNavigation(settings, name) {
+	if (name !== 'core/navigation') {
+		return settings;
+	}
+
+	const allowedBlocks = settings.allowedBlocks || [];
+
+	return {
+		...settings,
+		allowedBlocks: [...allowedBlocks, 'happyprime/toggle-block'],
+	};
+}
+
+addFilter(
+	'blocks.registerBlockType',
+	'happyprime/add-toggle-to-navigation',
+	addToggleBlockToNavigation
+);
diff --git a/src/toggle-block/index.js b/src/toggle-block/index.js
index d52f240..79a2440 100644
--- a/src/toggle-block/index.js
+++ b/src/toggle-block/index.js
@@ -4,13 +4,16 @@ import {
 	RichText,
 	useBlockProps,
 } from '@wordpress/block-editor';
-import { registerBlockType } from '@wordpress/blocks';
+import { createBlock, registerBlockType } from '@wordpress/blocks';
 import { PanelBody, TextControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
 // Internal dependencies.
 import metadata from './block.json';
 
+// Extend the navigation block to allow the toggle block.
+import './extend-navigation-block';
+
 const Edit = (props) => {
 	const {
 		attributes: { bodyClass, buttonText, controlsId, labelText },
@@ -87,7 +90,41 @@ const Save = (props) => {
 	);
 };
 
+const Transforms = {
+	from: [
+		{
+			type: 'block',
+			blocks: ['core/navigation-link'],
+			transform: (attributes, innerBlocks) => {
+				return createBlock(
+					'happyprime/toggle-block',
+					{
+						buttonText: attributes.label || attributes.title || '',
+					},
+					innerBlocks
+				);
+			},
+		},
+	],
+	to: [
+		{
+			type: 'block',
+			blocks: ['core/navigation-link'],
+			transform: (attributes, innerBlocks) => {
+				return createBlock(
+					'core/navigation-link',
+					{
+						label: attributes.buttonText || '',
+						url: '#',
+					},
+					innerBlocks
+				);
+			},
+		},
+	],
+};
 registerBlockType(metadata, {
 	edit: Edit,
 	save: Save,
+	transforms: Transforms,
 });