# speechkit/4.5.0/src/Component/Settings/PlayerStyle/settings.js

BeyondWords – AI audio for publishers, version 4.5.0. 40 lines.

- Page: https://pluginprobe.com/plugins/speechkit/4.5.0/code/src/Component/Settings/PlayerStyle/settings.js
- Raw: https://pluginprobe.com/plugins/speechkit/4.5.0/raw/src/Component/Settings/PlayerStyle/settings.js
- Modified: 2024-03-01T10:55:04+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/speechkit/4.5.0/code/src/Component/Settings/PlayerStyle/settings.js#L10-L20`.

```javascript
/* global jQuery */

( function ( $ ) {
	'use strict';

	const $playerStyleFieldRow = $( '#beyondwords-plugin-settings' )
		.find( '.beyondwords-setting--player--player-style' )
		.closest( 'tr' );

	const $playerVersionField = $( '#beyondwords-plugin-settings' ).find(
		'.beyondwords-setting--player--player-version select'
	);

	const $playerUiField = $( '#beyondwords-plugin-settings' ).find(
		'.beyondwords-setting--player--player-ui select'
	);

	$playerVersionField.on( 'change', toggleFieldRow );

	$playerUiField.on( 'change', toggleFieldRow );

	// Toggle on page load
	toggleFieldRow();

	/**
	 * Only show this field row when "Player version" is "enabled" and
	 * "Player UI" is "Enabled".
	 */
	function toggleFieldRow() {
		const playerVersion = $playerVersionField.find( ':selected' ).val();
		const playerUi = $playerUiField.find( ':selected' ).val();

		if ( playerVersion === '1' && playerUi === 'enabled' ) {
			$playerStyleFieldRow.show();
		} else {
			$playerStyleFieldRow.hide();
		}
	}
} )( jQuery );

```